HTML Multimedia का मतलब है web pages पर audio, video और other media content को show करना।
HTML5 ने multimedia को आसान बना दिया है, अब external plugins की ज़रूरत नहीं पड़ती।
HTML multimedia elements directly browser में media play करने की सुविधा देते हैं।
Multimedia के Types
Audio files
Video files
Animations
Interactive media
HTML में mainly audio और video elements use होते हैं।
HTML video Element
<video> element video files embed करने के लिए use होता है।
<video width="400" controls>
<source src="movie.mp4" type="video/mp4">
</video>
controls attribute play, pause, volume जैसे controls show करता है।
video Attributes
controls video controls दिखाता हैautoplay page load होते ही video play करता हैloop video repeat करता हैmuted video को mute करता हैposter video load होने से पहले image दिखाता है
<video width="400" controls autoplay muted loop poster="thumb.jpg">
<source src="movie.mp4" type="video/mp4">
</video>
Multiple Video Sources
Different browsers के लिए multiple formats दिए जा सकते हैं।
<video controls>
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
</video>
Browser supported format automatically choose कर लेता है।
HTML audio Element
<audio> element audio files play करने के लिए use होता है।
<audio controls>
<source src="song.mp3" type="audio/mpeg">
</audio>
audio Attributes
controls audio controls दिखाता हैautoplay audio auto play करता हैloop audio repeat करता हैmuted audio mute करता है
<audio controls loop>
<source src="music.mp3" type="audio/mpeg">
</audio>
Supported Audio Formats
MP3
WAV
OGG
Browser support format के अनुसार vary कर सकता है।
HTML track Element
<track> element subtitles और captions add करने के लिए use होता है।
<video controls>
<source src="movie.mp4" type="video/mp4">
<track src="subtitles.vtt" kind="subtitles" srclang="en" label="English">
</video>
यह accessibility improve करता है।
Multimedia और Accessibility
Subtitles और captions provide करें
Controls हमेशा enable रखें
Autoplay audio avoid करें
User को media control करने का option दें
Multimedia Performance Tips
Optimized media files use करें
Correct file formats चुनें
Unnecessary autoplay avoid करें
Responsive size use करें
HTML Multimedia Summary
HTML5 multimedia native support देता है
Video और audio tags plugin-free media play करते हैं
Multiple formats browser compatibility improve करते हैं
Accessibility और performance पर ध्यान देना जरूरी है