Воспроизведение нескольких потоков с использованием JSMpeg - PullRequest
2 голосов
/ 12 марта 2020

Я разрабатываю веб-приложение, используя nodejs и angularjs. Мне нужно отобразить несколько потоков RTSP на одной странице. Для которого я использую node-rtsp-stream с использованием библиотеки JSmpeg. Мой код на стороне клиента выглядит следующим образом:

<canvas id="can1" style="width: 480px; height: 280px"></canvas>
<canvas id="can2" style="width: 480px; height: 280px"></canvas>

<script type="text/javascript">
  var can1 = document.getElementById('can1');
  let player1 = new JSMpeg.Player('ws://192.168.0.72:89', {
    canvas: can1, autoplay: true, audio: false, loop: true
  })
  var can2 = document.getElementById('can2');
  let player2 = new JSMpeg.Player('ws://192.168.0.72:88', {
    canvas: can2, autoplay: true, audio: false, loop: true
  })
</script>

Потоковое отображение было успешно отображено, но проблема заключается в том, что когда я комментирую одного из игроков, потоковое отображение отображается нормально. Но когда я запускаю два игрока одновременно, jsmpeg player не может плавно воспроизводить поток. Итак, есть ли решение?

...