文件引入：

根据官方demo，将这四个文件置于public下；也可以单独将引入的文件放在staic里面，除了index页面其他三个最好放在一起。同时在index里面引入jessibuca.js并且index要设置为入口文件，不然后面可能会报错。

jessibuca初始化

这里以官方demo为例，我加了些注释更加方便看。

在这里可以添加自己想要的监听方法

例如监听暂停：

this.jessibuca.on("pause", function () {
console.log("on pause");
});

初始化代码：

create() {
this.jessibuca = new window.Jessibuca(
Object.assign(
{
container: this.$refs.container,
videoBuffer: 0.2, // 缓存时长
isResize: false,
text: "",
               // 视频加载转圈时的提示文字
loadingText: "加载中",
               // 是否有音频，如果设置false，则不对音频数据解码，提升性能。
hasAudio:false,
               // 是否开启控制台调试打印
debug: true,
               // 是否显示网速
showBandwidth: false,
               // fullscreen 是否显示全屏按钮
               // screenshot 是否显示截图按钮
               // play 是否显示播放暂停按钮
               // audio 是否显示声音按钮
               // record 是否显示录制按钮
operateBtns: {
fullscreen: true,
screenshot: true,
play: true,
audio: true,
},
vod: this.vod,
               // 是否不使用离屏模式（提升渲染能力）
forceNoOffscreen: this.forceNoOffscreen,
               // 是否开启声音，默认是关闭声音播放的。
isNotMute: false,
},
)
);

// console.log(this.jessibuca);
},

视频播放

this.jessibuca.play("url"); 这里接一个直播流地址

项目中使用注意：

在项目中使用时注意不要上来就初始化，最好先获取到视频链接，判断链接有效后再初始化，然后播放。不然使用场景需要同时初始化十个以上播放器时，手机播放可能会出现部分显示不了。

jessibuca的使用——纯H5直播流播放器相关推荐

永久免费H5直播点播播放器SkeyeWebPlayer.js实现webrtc流播放
永久免费H5直播点播播放器SkeyeWebPlayer.js实现webrtc流播放 1.H5播放webrtc,现在各大浏览器已经逐渐加大对WebRTC技术的支持,成都视开信息科技视频团队开发webrt ...
C++ RTMP直播流播放器
抛开flash,自己开发实现C++ RTMP直播流播放器众所周知,RTMP是以flash为客户端播放器的直播协议,主要应用在B/S形式的场景中.本人研究并用C++开发实现了RTMP直播流协议的播放器 ...
Android可以使用的直播流播放器Vitamio5.2.3
yixia大神的git上有两个Android直播流播放器的项目:GitHub - yixia/VitamioBundle: Vitamio for Android 弄了1天没弄出来,过! GitHu ...
LivePlayer H5直播/点播播放器安装与使用
LivePlayer H5播放器简介 H5直播/点播播放器,使用简单,功能强大, 免费使用支持m3u8播放; 支持HTTP-FLV播放; 支持RTMP播放; 支持直播和点播播放; 支持播放器快照截 ...
2020-12-14超强 H5直播/点播播放器LivePlayer
超强 H5直播/点播播放器LivePlayer 超强 H5直播/点播播放器LivePlayer 之前有给大家分享2个超棒的视频播放器.今天继续分享一款高质量的H5视频播放器插件LivePlayer. ...
vue直播流播放器DPlayer使用
官网地址:http://dplayer.js.org/zh/guide.html 初始化dplayer yarn add dplayer 新建播放器组件player.vue,导入包并创建播放器 < ...
VUE中集成H5直播点播播放器LivePlayer过程
基于VUE和webpck的前端工程这里可以参考 https://github.com/livegbs/GB28181-Server 1.安装@liveqing/liveplayer npm -i @ ...
H5直播/点播播放器
1.liveplayer 一款集rtmp.m3u8/HLS.flv于一身的H5视频流媒体播放器.使用简单,功能强大,免费使用. 文档链接 2.dplayer 一款开源的高质量H5视频播放器,支持发布弹 ...
抛开flash，自己开发实现C++ RTMP直播流播放器
https://www.cnblogs.com/haibindev/p/3466094.html

jessibuca的使用——纯H5直播流播放器

文件引入：

jessibuca初始化

这里以官方demo为例，我加了些注释更加方便看。

在这里可以添加自己想要的监听方法

例如监听暂停：

this.jessibuca.on("pause", function () {
console.log("on pause");
});

初始化代码：

视频播放

项目中使用注意：

jessibuca的使用——纯H5直播流播放器相关推荐

最新文章

热门文章

jessibuca的使用——纯H5直播流播放器

文件引入：

jessibuca初始化

这里以官方demo为例，我加了些注释更加方便看。

在这里可以添加自己想要的监听方法

例如监听暂停：

this.jessibuca.on("pause", function () { console.log("on pause"); });

初始化代码：

视频播放

项目中使用注意：

jessibuca的使用——纯H5直播流播放器相关推荐

最新文章

热门文章

this.jessibuca.on("pause", function () {
console.log("on pause");
});