YTPMV Scan - Scan & Create Your Own YTPMV
About this app
Scan and create your own YouTube Poop Music Video (YTPMV) using this fun and interactive web app! Merge videos, add audio, and share your creativity.
YTPMV Scan - Scan & Create Your Own YTPMV YTPMV Scan Scan and Create Your Own YouTube Poop Music Video (YTPMV) Create YTPMV
Related apps
Put this on your site
Source
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>YTPMV Scan - Scan & Create Your Own YTPMV</title>
<meta name="description" content="Scan and create your own YouTube Poop Music Video (YTPMV) using this fun and interactive web app! Merge videos, add audio, and share your creativity."/>
<meta name="keywords" content="YTPMV, YouTube Poop, Music Video, video editing, creative tools, merge videos, audio effects"/>
<!-- Libraries -->
<!-- jQuery (3.6.0) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" crossorigin="anonymous"></script>
<!-- Bootstrap CSS (5.3.3) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" crossorigin="anonymous">
<!-- Bootstrap JS (5.3.3) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
<!-- Font Awesome (6.6.0) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/fontawesome.min.css" crossorigin="anonymous">
<script type="text/javascript">
try {
// App Javascript Goes Here. Place your entire script content inside the try block for error handling.
document.addEventListener("DOMContentLoaded", function() {
$('#create-btn').on('click', function() {
const videoUrl = $('#video-url').val();
const audioUrl = $('#audio-url').val();
const resultContainer = $('#result-container');
if(videoUrl && audioUrl) {
const newContent = `<h3>YTPMV Preview</h3><video controls src="${videoUrl}" width="400" style="border: 5px solid #ff4742;"></video><audio controls src="${audioUrl}" style="border: 5px solid #42d4f4;"></audio>`;
resultContainer.html(newContent);
} else {
alert("Please provide both video and audio URLs.");
}
});
});
} catch (error) {
throw error;
}
</script>
<style>
/* App CSS Goes Here */
body {
background: linear-gradient(120deg, #07a8cf, #eb4769);
color: #fff;
font-family: 'Arial', sans-serif;
}
#main-container {
margin-top: 50px;
text-align: center;
}
.form-control {
margin: 10px 0;
}
button {
background: #42d4f4;
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background: #ff4742;
transition: background 0.3s;
}
#result-container video, #result-container audio {
margin-top: 15px;
border-radius: 10px;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>YTPMV Scan</h1>
<p>Scan and Create Your Own YouTube Poop Music Video (YTPMV)</p>
<input type="text" id="video-url" class="form-control" placeholder="Enter Video URL" />
<input type="text" id="audio-url" class="form-control" placeholder="Enter Audio URL" />
<button id="create-btn">Create YTPMV</button>
<div id="result-container"></div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!