HTML5 (Video.js)

Всё, что не подходит под вышеперечисленные разделы

Модератор: immortal

Ответить
Аватара пользователя
Cracken090
Сообщения: 23
Зарегистрирован: Ср апр 19, 2017 11:19 am
Благодарил (а): 5 раз
Поблагодарили: 0

HTML5 (Video.js)

Сообщение Cracken090 » Ср ноя 28, 2018 8:48 am

Доброго времени суток! Заранее извиняюсь (возможно не в ту ветку форума полез)

Ситуация следующая:
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>

Видео воспроизводится, однако создается очень много лишних сцен
555.png
555.png (127.29 КБ) 1608 просмотров
Заметил закономерность: количество увеличивающихся сцен зависит от количества java библиотек в коде (3:1)
Уважаемые форумчане, может кто сталкивался с подобными проблемами?
Ответить