Click here for free DL of the app version that can save data.

No:36317

Make a game where you can post videos and make son..ALL
Developer User16783｜Date and time 24/1/17 10:23:39
Build time 11.025 sec｜Game capacity 2.847KB｜

Script

Sure! Here's an example of a simple game where you can post and share videos as well as make song videos on a smartphone. The game interface will consist of pictograms and will be implemented as a single HTML file with JavaScript enclosed in script tags:

VideoJam - Create and Share Song Videos

Select a Video:

Create a Song Video:

In this game, there is a video player where you can watch different videos by selecting them from the available options. By clicking on one of the video pictograms, the corresponding video will start playing in the video player. Additionally, there is an option to create a song video by clicking on the "Record Song" buttons. However, in this example, the recording functionality is not implemented and an alert message is shown instead. Please note that in a real-world application, implementing video recording and sharing capabilities would require more advanced technologies and server-side integration for storing and sharing videos.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

Click here for free DL of the app version that can save data.

```html
<!DOCTYPE html>
<html>
<head>
    <title>VideoJam - Create and Share Song Videos</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        
        img {
            width: 100px;
            height: 100px;
            cursor: pointer;
        }
        
        #videoContainer {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 400px;
        }
        
        #videoPlayer {
            width: 70%;
            height: 70%;
            border: 2px solid #ccc;
        }
    </style>
</head>
<body>
    <h1>VideoJam - Create and Share Song Videos</h1>
    <div id="videoContainer">
        <video id="videoPlayer" controls></video>
    </div>
    <h2>Select a Video:</h2>
    <div id="videoOptions">
        <img src="video1.png" alt="Video 1" onclick="playVideo('video1.mp4')">
        <img src="video2.png" alt="Video 2" onclick="playVideo('video2.mp4')">
        <img src="video3.png" alt="Video 3" onclick="playVideo('video3.mp4')">
    </div>
    <h2>Create a Song Video:</h2>
    <div id="songOptions">
        <button onclick="record('song1')">Record Song 1</button>
        <button onclick="record('song2')">Record Song 2</button>
        <button onclick="record('song3')">Record Song 3</button>
    </div>

function playVideo(videoUrl) {
            videoPlayer.src = videoUrl;
        }

function record(songName) {
            // Here you could implement video recording functionality using the device's capabilities,
            // such as a camera or microphone. This could involve capturing the user's performance
            // and merging it with a background video.
            
            alert("Feature not implemented in this example!");
        }
    </script>
</body>
</html>
```

Additionally, there is an option to create a song video by clicking on the "Record Song" buttons. However, in this example, the recording functionality is not implemented and an alert message is shown instead.

Please note that in a real-world application, implementing video recording and sharing capabilities would require more advanced technologies and server-side integration for storing and sharing videos.