Ytve Effects Video Generator
About this app
Create stunning video effects with Ytve Effects Video Generator. Generate creative video ideas and add amazing filters to your videos!
Ytve Effects Video Generator Ytve Effects Video Generator Choose Video Effect
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>Ytve Effects Video Generator</title>
<meta name="description" content="Create stunning video effects with Ytve Effects Video Generator. Generate creative video ideas and add amazing filters to your videos!">
<meta name="keywords" content="video effects, video generator, video editing, creative videos, effects generator">
<!-- 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() {
const effects = [
{ name: "Sepia", filter: "sepia(1)" },
{ name: "Grayscale", filter: "grayscale(1)" },
{ name: "Blur", filter: "blur(5px)" },
{ name: "Brightness", filter: "brightness(1.5)" },
{ name: "Contrast", filter: "contrast(1.5)" }
];
const effectList = document.getElementById("effects");
const resultVideo = document.getElementById("result-video");
const videoInput = document.getElementById("video-input");
effects.forEach(effect => {
const option = document.createElement("option");
option.value = effect.filter;
option.textContent = effect.name;
effectList.appendChild(option);
});
effectList.addEventListener("change", function() {
resultVideo.style.filter = effectList.value;
});
videoInput.addEventListener("change", function(event) {
const file = event.target.files[0];
if (file) {
const url = URL.createObjectURL(file);
resultVideo.src = url;
resultVideo.load();
resultVideo.play();
}
});
});
} catch (error) {
throw error;
}
</script>
<style>
body {
background-color: #f4f4f9;
color: #333;
}
#main-container {
text-align: center;
padding: 50px;
}
select {
margin: 20px 0;
font-size: 18px;
outline: none;
}
video {
width: 90%;
max-width: 500px;
border: 2px solid #007bff;
border-radius: 8px;
}
button {
margin-top: 20px;
font-size: 18px;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1 class="display-4">Ytve Effects Video Generator</h1>
<input type="file" id="video-input" accept="video/*" class="form-control mb-4">
<select id="effects" class="form-select">
<option value="">Choose Video Effect</option>
</select>
<video id="result-video" controls></video>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!