CyberPlayer 使用教程

摘自：https://www.jianshu.com/p/1ab09a69b6d0

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）	可选

• API参考 https://cloud.baidu.com/doc/MCT/WebSDKAPI.html