CyberPlayer 使用教程

CyberPlayer 简介

CyberPlayer 是百度官方推出的用于开发网页播放器的软件开发工具包,其主要特点如下:

  • 支持Flash与HTML5两种模式
  • 支持广泛的流式视频格式,支持FLV/MP4等格式的渐进式和流式下载播放,支持基于RTMP/RTMPT等流式协议的视频流播放,支持播放使用Apple公司HTTP Live Streaming协议传输的流式视频(M3U8),并可自适应切换码率。
  • 支持加密视频播放,播放内核实现了对AES128加密的HLS视频进行解密和播放,便于企业用户对视频内容进行加密保护。
  • 支持多码率视频

CyberPlayer 使用

  • CyberPlayer 资源文件
player
    ├─ cyberplayer.js
    └─ cyberplayer.flash.swf
  • 新建 demo.html, 引入 cyberplayer.js
<script src="./js/cyberplayer.js"></script>
  • 声明 player div, 并初始化播放器
<div id="dvplay"></div>
var player = cyberplayer("dvplay").setup({
    flashplayer: "cyberplayer.flash.swf",
    stretching: "uniform",
    file: "视频源链接",
    image: "视频源封面图片链接",
    width: 400,
    height: 300,
    autostart: true,
    repeat: false,
    volume: 100,
    controls: true,
    controlbar: {
        barLogo: false
    }
});   
  • 参数说明
参数名称参数解释备注
flashplayer 指定flash播放器swf文件的存放地址,可以是相对路径,也可以http协议开头的绝对路径。省略该参数则自动在js所在路径寻找cyberplayer.flash.swf文件。 可选
width 指定要创建的播放窗口的宽度。 指定要创建的播放窗口的高度。必选
height 指定要创建的播放窗口的高度。 必选
autostart 设置是否在播放器载入后自动播放:true : 自动播放;false : 不自动播放。 可选
repeat 设置视频的重复播放模式,重复模式分为:1.false:无重复; 2.true:重复播放 可选
file 设置媒体流名称或文件名或M3U8播放列表地址 必选
image 设置媒体流的预览图 可选
volume 设置播放器音量大小,范围(0 - 100) 可选
controls 设置播放器控制条的显示模式,显示模式分为:1.none:不显示;2.over:悬浮(鼠标无操作时自动隐藏) 可选
barLogo 设置是否显示Logo,controls的子参数,可选值为true (显示),false(不显示) 可选
skin 设置播放器皮肤包 可选
stretching 设置播放器缩放方式,缩放方式分为:1.none:不缩放;2.uniform:添加黑边缩放;3. exactfit:改变宽高比缩到最大;4.fill:剪切并缩放到最大(默认方式为uniform) 可选
 

作者:penggy
链接:https://www.jianshu.com/p/1ab09a69b6d0
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
原文地址:https://www.cnblogs.com/javalinux/p/14626317.html