YTPMV Scan Generator
About this app
Create and generate YTPMV (YouTube Poop Music Videos) scan videos from audio input. Convert sounds into vibrant visual experiences.
1 Million Times Meme Video Generator 1 Million Times Meme Video Generator Create your own meme videos that loop endlessly. Generate Meme Video
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>1 Million Times Meme Video Generator</title>
<meta name="description" content="Create and generate 1 Million Times meme videos from image inputs and text. Transform images into endlessly looping meme videos.">
<meta name="keywords" content="meme generator, 1 million times, video generator, image, text, create, generate, endless, funny">
<!-- 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 {
document.addEventListener("DOMContentLoaded", function() {
const imageInput = document.getElementById('imageInput');
const textInput = document.getElementById('textInput');
const generateButton = document.getElementById('generateButton');
const previewContainer = document.getElementById('previewContainer');
const downloadButton = document.getElementById('downloadButton');
generateButton.addEventListener('click', () => {
const imageFile = imageInput.files[0];
const text = textInput.value.trim();
if (!imageFile || !text) {
alert("Please upload an image and enter meme text.");
return;
}
const URL = window.URL.createObjectURL(imageFile);
const videoFrame = `<video autoplay loop muted><source src="${URL}" type="video/mp4"></video>`;
const memeText = `<div class="meme-text">${text}</div>`;
previewContainer.innerHTML = videoFrame + memeText;
const downloadLink = document.createElement('a');
downloadLink.href = URL.createObjectURL(imageFile);
downloadLink.download = "1_Million_Times_Meme.mp4";
downloadLink.textContent = "Download your generated meme video!";
downloadLink.className = "btn btn-success mt-3";
downloadButton.innerHTML = "";
downloadButton.appendChild(downloadLink);
// Note: Actual video generation would require server-side processing.
});
});
} catch (error) {
throw error;
}
</script>
<style>
body {
background: linear-gradient(135deg, #ff7f50, #ff6347);
color: #fff;
font-family: 'Roboto', sans-serif;
}
#main-container {
margin-top: 50px;
text-align: center;
}
input[type="file"], input[type="text"] {
margin: 20px 0;
padding: 10px;
border: 2px dashed #ffeb3b;
border-radius: 5px;
background-color: #ffcc00;
color: #333;
}
button {
padding: 10px 15px;
background-color: #6b5b95;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #553c5c;
}
.video-container {
margin-top: 20px;
}
.meme-text {
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 35px;
-webkit-text-stroke: 1px #333;
text-shadow: 2px 2px 3px #000;
}
.btn-success {
background-color: #d4edda;
border-color: #c3e6cb;
color: #155724;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1 class="display-4">1 Million Times Meme Video Generator</h1>
<p class="lead">Create your own meme videos that loop endlessly.</p>
<input type="file" id="imageInput" accept="image/*" />
<input type="text" id="textInput" placeholder="Enter your meme text here..." />
<button id="generateButton">Generate Meme Video</button>
<div class="video-container" id="previewContainer"></div>
<div id="downloadButton"></div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!