Как вывести в плеер звук и видео из разных источников?

Question

[Lexaz]

Есть плеер на сайте, который воспроизводит HLS/RTMP поток. Поток идет без звука. Как средствами плеера вывести видео и аудио из разных источников. Или придется на сервере складывать сначала?

Comments

[Михаил Плюснин]

А почему нельзя в Rtmp потоке передавать еще и звук? Ну верней так и задумано, что у вас 2 разных потока или их можно все же объединить?

[Lexaz]

Михаил Плюснин: изначально есть live-поток без звука. Объединить то можно на сервере трансляции, стоит nginx+ffmpeg. Просто у меня транскодинг rtsp->rtmp. Не хотел нагружать сервер, поэтому как вариант складывать в плеере, если возможно

[Михаил Плюснин]

Lexaz: как по мне это гемор какой-то, лучше на сервере объединяй те, и на клиент уже передавай видео со звуком, а то вы замучаетесь с синхронизацией. А насчет нагрузки, не делайте таких поспешных выводов, пока можно и так сделать, если не будет хватать мощностей, докупите.

[Lexaz]

Михаил Плюснин: именно так и сделал. -i -i -vcodec copy -c:a aac -strict experimental нагрузка минимальна

[Lexaz]

Михаил Плюснин: теперь интересует другой вопрос. Как подключить две аудиодороги :)

[Михаил Плюснин]

Lexaz: то есть в видео 2 аудио дороги?

[Lexaz]

Михаил Плюснин: да, или FLV не тянет две аудиодорожки? -map 0:0 -map 1:0 -map 2:0 выдает ошибку, с двумя MAP'ами работает

[Михаил Плюснин]

Lexaz: насчет этого, я уже не знаю.

Answer 1

[profesor08]

Это же очевидно, надо добавить второй скрытый плеер, который будет воспроизводиться синхронно с первым.

Comments

[Lexaz]

не очевидно, как управлять потом вторым плеером?

[profesor08]

Lexaz: одновременно с первым.

let video = new Video();
let sound = new Audio();

video.src = "video....";
sound.src = "sound...";

video.play();
sound.play();

Еще надо будет обдумать как синхронизировать потоки, поможет AddEventListener("canplay", callback).