У меня есть 2 видео, размещенных на сервере.
В браузере Chromium (версия 65.0.3325.181) https://server/index.html загружено.
Используя Javascript, вставляются 2 видеоэлементапосле того, как window.onload и 1-й запущены.
Оба вставлены как:
let video = document.createElement('video');
video.setAttribute('width', '100%');
video.setAttribute('height', '100%');
video.setAttribute('preload', 'auto');
let source = document.createElement('source');
source.setAttribute('src', <http://server/video/path>);
source.setAttribute('type', 'video/mp4');
video.appendChild(source);
После окончания video.on ('окончено') элемент видео становится скрытым.И следующий элемент видео становится видимым и запускается.
Все отлично работает:
2 видеоэлемента создано и скрыто.1-й элемент видео сразу же запустился и начал проигрываться. 1-й видео закончился - он стал скрытым. Второй ролик становится видимым и запускается ... успешно достигает своего конца и снова становится скрытым ...
, затем начинается снова с 1-го видео...
У меня есть следующие наблюдения.
Первое видео всегда воспроизводится плавно после первоначального кэширования.
Второе видео всегда воспроизводится с глюками и зависаниями на несколько миллисекунд.
Я использую Chromium на Raspberry Pi 3.
Когда начинается первое видео: процессор примерно 40-50-60%
Каждый раз, когда начинается второе видео: процессор примерно 120-220% и с глюками и зависаниями.
Проблема не связана с видео или кодированием, потому что, когда я меняюсь местами: новое 2-е видео (которое было 1-м ранее) становится проблемным.Всегда второе видео!
Почему это может быть?Можете ли вы дать мне некоторую подсказку или направление, что это может быть?