使用指南
更新时间:2023-08-31
本章以播放器 Web SDK v2.1.1版本为例,适用于源视频文件存于BOS、VOD及HLS/RTMP直播等场景,对于FLV直播,请您在初始化播放器(即调用setup方法)时,添加配置参数'isLive: true'。
播放器鉴权将保证您在正式授权的前提下正常使用播放器的各项功能。百度智能云通过验证AK 的方式进行签名授权。若未经授权,播放过程中会显示警告消息。
-
搭建 Web 服务器。
此处以 Ubuntu 操作系统上搭建 Apache 服务器为例。 # apt-get install apache2 //安装apache
# vim /etc/apache2/apache2.conf //添加 ServerName localhost # service apache2 restart //启动apache服务 # chmod a+w /var/www/ //赋予当前用户写权限
-
切换到网站根目录并下载最新的播放器 Web SDK,新建部署目录后解压并安装。
# cd /var/www/html/ //切换到网站根目录 # wget https://sdk.bce.baidu.com/media-sdk/output_4.1.31.11.tar.gz # tar -xf output_4.1.31.11.tar.gz
-
新建HTML播放页面。
# vi player.html
-
添加 AK 及播放源等完成播放页面的配置,配置方法有如下:
-
将 Web SDK 添加到 Web 页面
代码示例如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>简单的html示例</title> </head> <body> <div id="playercontainer"></div> <script type="text/javascript" src="./cyberplayer-{version}/cyberplayer.js"></script> <script type="text/javascript"> var player = cyberplayer("playercontainer").setup({ width : 580, height : 433, backcolor : "#FFFFFF", stretching : "uniform", file : "<Media_Source_In_BOS_Bucket>", ak : "<AK 注:目前仅支持32位>", autoStart : false, repeat : false, volume : 100, controls : "over" }); </script> </body> </html>
-
-
打开浏览器输入
<WebServer>/player.html
播放音视频。播放器通过Javascript进行调用和集成,播放器SDK选择HTML5渲染引擎进行播放。