我使用创建一个视频播放器。
用hls.js捕获一个错误
Uncaught DOMException: Failed to read the 'buffered' property from 'SourceBuffer':
This SourceBuffer has been removed from the parent media source.
当我在改变路线时改变视频src时就会发生这种情况。
My player:
import React from 'react'
import HLS from 'hls.js'
imp
** Please help me for autoplay live stream with voice. There is muted autoplay.
please correct me where i am doing mistake. **
添加视频库
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
视频添加到页面中
<video
id="my-player"
controls
autoplay muted loo
我使用hls.js实现我的视频播放器,我有一些https:///格式的ts文件和一个m3u8文件。 我用php读取了清单文件并将内容发送给js (res“m3u8”=m3u8的内容),然后将其放入hls.loadSource()中,如下所示。 var manifest = res["manifest"];
var blob = new Blob([manifest]);
var hls = new Hls();
var url = URL.createObjectURL(blob);
hls.loadSource(url);
hls.attachMedia(video);
我使用这个以及对流m3u8的反应。我有一个组件VideoPlayer来设置hls.js播放器。这个组件有一些状态属性,比如isPlaying和isMuted。我有自定义按钮,onClick调用组件函数到setState,但这当然是重新呈现组件和视频流重新挂载,我猜是回到原来的状态,这是回到它的第一个帧,并停止。通常,如何处理流视频的应用程序(redux)或本地状态更改?我注意到视频总是有这个“闪烁”(它是重新呈现),在任何时候,redux存储更新,或本地状态变化。
用代码示例更新:
import React, {PropTypes} from 'react';
import H
我正在创建视频播放器使用video-js HLS来播放HLS Live视频。我正在创建16个视频播放器和连接16个不同的HLS直播网址在同一时间。下面是创建视频元素的java-script部分。
var video = document.getElementById("video_id");
var player = videojs(video,{hls:{ bandwidth: 102400,enableLowInitialPlaylist:true}});
player.src({
src: v
使用HLS.js
(() => {
var video = document.getElementById('video');
console.log('VIDEO',video);
if(Hls.isSupported()) {
var hls = new Hls();
hls.loadSource('https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8');
hls.