Я пытаюсь воспроизвести несколько сегментов видео как одно на html-плеере.
Есть очень похожий вопрос: воспроизвести несколько файлов как один в теге html видео , но ответы не далиЭто мне не поможет, потому что я не могу объединить мои сегменты видео в одно большое видео (сегменты хранятся в S3, и я хочу воспроизвести их непосредственно на веб-сайте)
Вот мой код:
<video id="videoPlayer" autoplay width="700" controls></video>
<script>
var videoPlayer = document.getElementById('videoPlayer')
var vArray = [
"output000.mp4",
"output001.mp4",
"output002.mp4",
]
videoPlayer.src = vArray[0]
i = 1
videoPlayer.onended = function(){
if (i < vArray.length) {
videoPlayer.src = vArray[i]
i++
}
}
</script>
Проблемы:
- индикатор выполнения не глобален
- при смене сегмента есть небольшое сокращение (это не очень важно для меня, но если есть способчтобы избежать этого, это будет здорово)
Я не нашел ни одного решения или другого веб-игрока для решения этой проблемы.Возможно ли это сделать на HTML-плеере?
Спасибо