YTPMV Maker - Create Your Own YouTube Poop Music Video
About this app
Create your own YouTube Poop Music Video (YTPMV) with our fun and interactive web app. Easily mix videos, add music, and share your unique creations!
YTPMV Maker - Create Your Own YouTube Poop Music Video Create Your YAML Poop MV Video URL: Music URL: Add Mix Generate YTPMV
Related apps
IPTV M3U8 & EPG Generator Studio | Image to M3U Playlist & Guide
Image to IPTV Converter & M3U Playlist Generator
Image to IPTV Converter & M3U Playlist Generator
Image to M3U Playlist Converter | IPTV & Media Stream Generator
Roulette Row Predictor Pro - Live Pattern & Trend Stats Analyzer
Video to Repeated Sequence Generator - Rhythm & Glitch Loop Maker
LoopCraft - Video to Repeated Sequence Converter
LoopMatrix - Video Sequence Repeater & Stutter Maker
MuffleFX - Video & Audio Low-Pass Filter Studio
Seeding Rate Calculator
Irrigation Set Time Calculator
Fertilizer Nutrient Units Calculator
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 Maker - Create Your Own YouTube Poop Music Video</title>
<meta name="description" content="Create your own YouTube Poop Music Video (YTPMV) with our fun and interactive web app. Easily mix videos, add music, and share your unique creations!">
<meta name="keywords" content="YTPMV, YouTube Poop, Music Video Maker, Online YTPMV, Video Editing, Create YTPMV">
<!-- Libraries -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
<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.
let currentMixes = [];
document.addEventListener("DOMContentLoaded", function() {
const videoInput = document.getElementById('videoInput');
const musicInput = document.getElementById('musicInput');
const addButton = document.getElementById('addButton');
const mixList = document.getElementById('mixList');
const output = document.getElementById('output');
addButton.addEventListener('click', function() {
const video = videoInput.value;
const music = musicInput.value;
if(video && music) {
currentMixes.push({video: video, music: music});
renderMixes();
} else {
alert("Please enter both a video URL and a music URL.");
}
videoInput.value = '';
musicInput.value = '';
});
function renderMixes() {
mixList.innerHTML = '';
currentMixes.forEach((mix, index) => {
const listItem = document.createElement('li');
listItem.innerHTML = `
<strong>Mix ${index + 1}:</strong>
<a href="${mix.video}" target="_blank">${mix.video}</a>
+ <a href="${mix.music}" target="_blank">${mix.music}</a>
<button class="btn btn-danger btn-sm float-end" onclick="removeMix(${index})">Remove</button>
`;
mixList.appendChild(listItem);
});
}
window.removeMix = function(index) {
currentMixes.splice(index, 1);
renderMixes();
};
document.getElementById('generateButton').addEventListener('click', function() {
output.innerHTML = '<strong>Your YTPMV Mix Ready!</strong><br>' + currentMixes.map((mix, index) => `<strong>Mix ${index + 1}:</strong> ${mix.video} + ${mix.music}`).join('<br>');
});
});
} catch (error) {
throw error;
}
</script>
<style>
body {
background: linear-gradient(to right, #ff7e5f, #feb47b);
color: #212529;
}
#main-container {
margin-top: 50px;
background-color: #ffffff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
h1 {
text-align: center;
margin-bottom: 20px;
}
.mix-list {
margin-top: 15px;
background: #f1f1f1;
border-radius: 5px;
padding: 10px;
}
.btn-custom {
background-color: #007bff;
color: white;
margin-top: 10px;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Create Your YAML Poop MV</h1>
<div class="form-group">
<label for="videoInput">Video URL:</label>
<input type="text" class="form-control" id="videoInput" placeholder="Enter your video URL">
</div>
<div class="form-group">
<label for="musicInput">Music URL:</label>
<input type="text" class="form-control" id="musicInput" placeholder="Enter your music URL">
</div>
<button id="addButton" class="btn btn-custom">Add Mix</button>
<button id="generateButton" class="btn btn-custom">Generate YTPMV</button>
<ul id="mixList" class="mix-list"></ul>
<div id="output" class="mt-4"></div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!