Я разрабатываю веб-приложение, используя 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 не может плавно воспроизводить поток. Итак, есть ли решение?