Áudio Language Translator
About this app
An interactive audio language translation app for instant translation and transcription of spoken words.
Audio Description Video Player Audio Description Video Player Your browser does not support HTML5 video. Toggle Audio Description © 2023 Audio Description Initiative
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>Audio Description Video Player</title>
<meta name="description" content="A simple interactive audio description video player for enhanced accessibility, providing audio narration.">
<meta name="keywords" content="video, audio description, accessibility, player, narration">
<style>
body {
background: linear-gradient(120deg, #84fab0, #8fd3f4);
color: #333;
font-family: 'Roboto', sans-serif;
text-align: center;
padding: 20px;
}
h1 {
margin: 20px 0;
color: #1d3f72;
}
video {
max-width: 100%;
border-radius: 10px;
margin-bottom: 20px;
}
#audio-description-btn {
background-color: #ff4757;
border: none;
color: white;
padding: 10px 20px;
font-size: 18px;
border-radius: 5px;
cursor: pointer;
transition: background 0.3s;
}
#audio-description-btn:hover {
background-color: #ff6b81;
}
#footer {
margin-top: 40px;
font-size: 14px;
color: #666;
}
</style>
</head>
<body>
<h1>Audio Description Video Player</h1>
<video id="video-player" controls>
<source src="your_video_url.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
<br>
<button id="audio-description-btn">Toggle Audio Description</button>
<p id="status-message"></p>
<footer id="footer">© 2023 Audio Description Initiative</footer>
<script>
document.addEventListener("DOMContentLoaded", function() {
const videoPlayer = document.getElementById('video-player');
const descriptionBtn = document.getElementById('audio-description-btn');
const statusMessage = document.getElementById('status-message');
let audioDescriptionEnabled = false;
descriptionBtn.onclick = () => {
audioDescriptionEnabled = !audioDescriptionEnabled;
if (audioDescriptionEnabled) {
videoPlayer.src = 'your_video_url_with_audio_description.mp4'; // Replace with your audio description URL
statusMessage.innerText = 'Audio description enabled 🎧';
} else {
videoPlayer.src = 'your_video_url.mp4'; // Reverts back to original video
statusMessage.innerText = 'Audio description disabled 🚫';
}
videoPlayer.play(); // Restart video play
};
});
</script>
</body>
</html>
NEW APPS
These are apps made by the community!