Доброго времени суток! Заранее извиняюсь (возможно не в ту ветку форума полез)
Ситуация следующая:
1)Скачал плеер Video.js (https://videojs.com)
2)Скопировал файлы для запуска в MD
3)На сцене создал html элемент и прописал в него код для захвата видео с камер
<link href="/vjs/video-js.css" rel="stylesheet">
<link href="/vjs/videojs-resolution-switcher.css" rel="stylesheet">
<script src="/vjs/video.js"></script>
<script src="/vjs/videojs-http-streaming.min.js"></script>
<script src="/vjs/videojs-resolution-switcher.js"></script>
<video id=k21-303 controls autoplay preload="auto" width=425 height=360 class="video-js vjs-default-skin" data-setup='{}'>
<source src="http://192.168.29.12/hls/k21-303.m3u8" type="application/x-mpegURL" label='SD' res='360'>
<source src="http://192.168.29.12/hls/hd-k21-303.m3u8" type="application/x-mpegURL" label='HD' res='720'>
</video>
<script>
videojs('k21-303', {
controls: true,
muted: false,
plugins: {
videoJsResolutionSwitcher: {
default: 'low', // Default resolution [{Number}, 'low', 'high'],
dynamicLabel: true // Display dynamic labels or gear symbol
}
}
}, function(){
var player = this;
window.player = player
player.updateSrc([
{
src: 'http://192.168.29.12/hls/k21-303.m3u8?sd',
type: 'x-mpegURL',
label: 'SD',
res: 360
},
{
src: 'http://192.168.29.12/hls/hd-k21-303.m3u8?hd',
type: 'x-mpegURL',
label: 'HD',
res: 720
}
])
player.on('resolutionchange', function(){
console.info('Source changed to %s', player.src())
})
})
</script>
Видео воспроизводится, однако создается очень много лишних сцен
Заметил закономерность: количество увеличивающихся сцен зависит от количества java библиотек в коде (3:1)
Уважаемые форумчане, может кто сталкивался с подобными проблемами?
HTML5 (Video.js)
Модератор: immortal
- Cracken090
- Сообщения: 23
- Зарегистрирован: Ср апр 19, 2017 11:19 am
- Благодарил (а): 5 раз
- Поблагодарили: 0