YTPMV Creator - Fun and Creative Mashups
About this app
Create your own YTPMV (YouTube Poop Music Video) by mixing audio samples, pitch-shifting, and crafting infectious musical mashups!
YTPMV Creator - Fun and Creative Mashups YTPMV Creator Create your own chaotic musical compositions! Add Audio Sample 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 Creator - Fun and Creative Mashups</title>
<meta name="description" content="Create your own YTPMV (YouTube Poop Music Video) by mixing audio samples, pitch-shifting, and crafting infectious musical mashups!">
<meta name="keywords" content="YTPMV, 音MAD, video mashup, audio samples, music creator, digital music composition, fun, mashup creator">
<!-- 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 {
document.addEventListener("DOMContentLoaded", function() {
const sampleInputs = [];
const sampleContainer = document.getElementById('sample-container');
function addSampleField() {
const div = document.createElement('div');
div.className = 'input-group mb-3';
div.innerHTML = `
<input type="file" class="form-control" accept="audio/*" onchange="loadSample(this)">
<button class="btn btn-danger" onclick="removeSampleField(this)">Remove</button>
`;
sampleContainer.appendChild(div);
}
function loadSample(input) {
const file = input.files[0];
if (file) {
const url = URL.createObjectURL(file);
sampleInputs.push(url);
alert(`Loaded sample: ${file.name}`);
}
}
function removeSampleField(button) {
button.parentElement.remove();
}
function createYTPMV() {
if (sampleInputs.length === 0) {
alert("Please add at least one audio sample!");
return;
}
// Here you would implement pitch-shifting and beat-matching logic
alert(`Preparing YTPMV with ${sampleInputs.length} samples!`);
}
document.getElementById('add-sample').addEventListener('click', addSampleField);
document.getElementById('create-ytpmv').addEventListener('click', createYTPMV);
});
} catch (error) {
throw error;
}
</script>
<style>
body {
background: linear-gradient(to right, #ffafbd, #ffc3a0);
color: #333;
font-family: 'Comic Sans MS', cursive;
}
#main-container {
margin-top: 30px;
border-radius: 8px;
padding: 20px;
box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
background-color: white;
}
button {
border-radius: 5px;
font-weight: bold;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1 class="text-center">YTPMV Creator</h1>
<p class="lead text-center">Create your own chaotic musical compositions!</p>
<div id="sample-container" class="input-group mb-3"></div>
<div class="text-center">
<button class="btn btn-primary" id="add-sample">Add Audio Sample</button>
<button class="btn btn-success" id="create-ytpmv">Create YTPMV</button>
</div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!