整合百度智能云播放器 cyberplayer,支持m3u8格式(hls)的直播流和点播、支持flv的直播流和点播、支持rtmp直播、支持Mp4播放、更多的功能可以看看下面的文档配置:

支持Flash与HTML5两种模式:

  • 可根据浏览器特性及视频格式,在Flash与HTML5两种模式间自动切换。

注意:因为现在很多浏览器都不在兼容或不支持Flash,rtmp必须Flash形式,所以感觉它快被时代给淘汰了,HTML5已成为主流。

使用cyberplayer播放器的优点:

1.兼容性好,像阿里的Aliplayer播放器ckplayer X2播放器,虽然不错,但是直播和点播需要单独写“live”属性,而cyberplayer播放器则可自动识别。

2.像西瓜视频的SDK,引用js时还要区分,感觉是最差劲的,上述几个播放器则不需要

3.自定义功能相对比较强大,可简单配置一些参数就可以使用了。

使用方法:

1.新建php文件,如“index.php”,代码如下

隐藏内容

此处内容需要权限查看

  • 普通1积分
  • 会员免费
  • 永久会员免费推荐
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  		<meta name="renderer"  content="webkit">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>深度直播</title>
    <script type="text/javascript" src="https://bce.bdstatic.com/jwplayer/3.5.2/cyberplayer.js"></script>
      <style type="text/css">
      html, body {width:100%;height:100%;margin:auto;overflow: hidden;}
    </style>
</head>
<body>
<div id="playercontainer"></div>
<script type="text/javascript">
    var player = cyberplayer("playercontainer").setup({
    	width: "100%", // 宽度,也可以支持百分比(不过父元素宽度要有)
        height: "100%", // 高度,也可以支持百分比
        title: "百度点播/直播",
        file: "<?php echo $_GET['url'];?>", // 
        image: "https://bj.bcebos.com/im-cs/930fc4ca81c47210347d43324a66e7c7.jpg", // 视频截图
        autostart: true,// 是否自动播放
        stretching: "uniform",// 拉伸设置
        repeat: true,// 是否重复播放
        volume: 98,//默认音量
        controls: true, // controlbar是否显示
        starttime: 0, 
        logo: { // logo设置
            linktarget: "_blank",
            margin: 8,
            hide: false,
            position: "top-right", // 位置
            file: "https://bj.bcebos.com/im-cs/acc8d3b78c3f094e170a9a2597e1aefa.png" // 图片地址
        },
		rightclick: [ // 右键配置
            {
                title: "Version:v1.18.2",
                link: "https://www.360mb.net"
            },
            {
                title: "360模板吧提供服务", // 标题1
                link: "https://www.360mb.net/121.html" // 跳转链接
            }
        ],
	    controlbar: {
            barLogo: true, // 进度条上的logo显示与否,默认true
            barLogoUrl: "https://www.jxvip.top/", // 进度条上的logo的跳转地址可配置
            canDrag: true, // 进度条是否允许拖动,默认true
        },
        skin: {
            name: "roundster", // 默认皮肤-bce,其他可选项有beelden, bekle, five, glow, roundster, seven, six, stormtrooper, vapor
            background: "#22232885", // 背景色设置
            inactive: "#fff", // 未激活时的颜色
            active: "#ff142b", // 悬浮或激活的严责
        },
        ak: "41707430fa52422f83b8efdc797f90c1"// 公有云平台注册即可获得accessKey
    });
</script>
</body>
</html>
隐藏内容

此处内容需要权限查看

  • 普通1积分
  • 会员免费
  • 永久会员免费推荐

2.将index.php文件上传服务器,就可以调用了

3.调用地址参考如下

http://你的网址//index.php?url=http://cyberplayer.bcelive.com/videoworks/mda-kbuhu4wqdi08dwix/cyberplayer/mp4/cyberplayer-demo.mp4

注:js调用的百度cyberplayer官方的,也可以自己去下载下来使用,下载链接:cyberplayer播放器-Web-SDK

cyberplayer文件结构:

Baidu-T5Player-SDK-Web-v<version>
├── player
│   ├── videojs
│   │   ├── video.js
│   │   ├── video.min.js
│   │   ├── videojs-contrib-hls.js
│   │   └── videojs-contrib-hls.min.js
│   ├── flv.js
│   ├── cyberplayer.js
│   ├── cyberplayer.flash.swf
└── README

更多使用方法请参照百度cyberplayer播放器-Web-SDK说明,360模板吧感谢大家的支持!

发表回复

后才能评论

本站部分资源需要解压密码,如需解压密码,解压密码则为“www.360mb.net”,如密码还是错误请联系客服。

本站提供的源码、模板、插件等等其他资源,除资源本身问题外,都不包含免费技术服务,如需技术支持需支付技术服务费100+/次,请大家谅解!

本站源码已经购买的后续都是免费更新,且资源更新都是在同一文章,不会新开一贴,不会重新收费,这一点我们和其他很多同行网站规则都不一样,望各位知晓!

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。