Мне нужно загрузить видео с отключенным звуком и аудиофайл в один и тот же тег видео html5. Я пытался найти это, но нашел только тексты об аудиотеге, а это не то, что я ищу.
Мне нужно что-то вроде этого:
<video controls="controls" poster="poster.jpg" width="640" height="360">
<source src="08_gestao_documental_autoridades_brasileiras_SEM_AUDIO.mp4" type="video/mp4">
<source src="autoridades_brasileiras.mp3" type="audio/mp3">
</video>
source работает не так. Элементы source на самом деле являются альтернативой: если браузер не поддерживает один, он перейдет к следующему, пока не достигнет поддерживаемого и воспроизводимого, тогда будет воспроизводиться только этот (а остальные будут игнорироваться< /эм>).
У вас не может быть двух источников (видео и аудио), воспроизводимых одновременно под одним и тем же тегом video/audio. Как вы нашли в Интернете, если вы хотите иметь два элемента мультимедиа (приглушенное видео и звук), вам понадобятся два тега мультимедиа.
Затем, по крайней мере теоретически (и если я правильно понял), вы можете использовать mediagroup для управления и синхронизации элементов audio и video, чтобы они передавались вместе; но mediagroup плохо поддерживается... или, по крайней мере, я не смог заставить его работать, но вы можете изучить его, потому что, как я уже сказал, я мог неправильно понять, как это работает :-S
Одним из альтернативных решений было бы поместить audio внутри video (в качестве резервного кода), а затем синхронизировать их с помощью JavaScript. Что-то вроде этого:
<video id="myvideo" controls muted>
<source src="path/to/video.mp4" type="video/mp4" />
<audio id="myaudio" controls>
<source src="path/to/audio.mp3" type="audio/mpeg"/>
</audio>
</video>
<script>
var myvideo = document.getElementById("myvideo");
var myaudio = document.getElementById("myaudio");
myvideo.onplay = function() { myaudio.play(); }
myvideo.onpause = function() { myaudio.pause(); }
</script>
Вы можете посмотреть пример на этом JSFiddle.
myvideo.onseeking = function() { myaudio.currentTime = myvideo.currentTime; }
- person Siva Manasan; 20.12.2020
