|
ijkplayer 封装了ijkplayer SDK(支持音频播放)。本模块带有UI方案,打开后为一个具有完整功能的播放器界面,本播放器全屏时为横屏显示,支持屏幕随设备自动旋转。具有双击播放、暂停,手势滑动改变播放进度、屏幕亮度和音量的功能,本模块支持大部分主流视频格式,支持RTMP、RTSP、HTTP流媒体协议。
文档地址:https://docs.apicloud.com/Client-API/Func-Ext/ijkplayer
本例仅展示open接口打开播放器。自带手势功能,如调节音量,屏幕亮度,快进。
附件为widget形式代码包。
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
- <title>title</title>
- <link rel="stylesheet" type="text/css" href="../css/api.css" />
- <style>
- span {
- margin-top: 360px;
- }
- </style>
- </head>
- <body>
- <span tapmode onclick="fnijkplayer_open()">open</span>
- </body>
- <script type="text/javascript" src="../script/api.js"></script>
- <script type="text/javascript">
- apiready = function() {
- fnijkplayer_addEventListener();
- };
- function fnijkplayer_open() {
- var ijkplayer = api.require('ijkplayer');
- ijkplayer.open({
- texts: {
- head: {
- title: '课程'
- }
- },
- styles: {
- repeat: {
- repeatwidth: 40, //(可选项)数字类型;重新播放按钮的宽;默认:40
- repeatheight: 40, //(可选项)数字类型;重新播放按钮的高;默认:60
- repeatImg: 'widget://image/videoplayer/replay.png',
- },
- lock: {
- lockSize: 30,
- lockImg: 'widget://image/videoplayer/lock.png',
- unlockImg: 'widget://image/videoplayer/unlock.png'
- },
- head: {
- bg: 'rgba(0.5,0.5,0.5,0.7)',
- height: 44,
- titleSize: 20,
- titleColor: '#fff',
- backSize: 35,
- backImg: 'widget://image/videoplayer/back.png',
- hide: false,
- customButtons: [{
- w: 30,
- h: 30,
- rightMagin: 10,
- img: 'widget://image/videoplayer/setting.png',
- imgSelected: 'widget://image/videoplayer/settinged.png',
- }, {
- w: 40,
- h: 40,
- rightMagin: 10,
- img: 'widget://image/videoplayer/mess.png',
- imgSelected: 'widget://image/videoplayer/messed.png',
- }]
- },
- foot: {
- bg: 'rgba(0.5,0.5,0.5,0.7)',
- height: 40,
- playSize: 35,
- playImg: 'widget://image/videoplayer/play.png',
- pauseImg: 'widget://image/videoplayer/pause.png',
- timeSize: 14,
- timeColor: '#fff',
- sliderImg: 'widget://image/videoplayer/slide.png',
- progressColor: '#ffffff',
- progressSelected: '#0000ff',
- hide: false,
- verticalImg: 'widget://image/videoplayer/unfullscreen.png',
- horizontalImg: 'widget://image/videoplayer/fullscreen.png'
- }
- },
- path: 'http://**.**2.z0.glb**.**/c1.1.mp4',
- autoPlay: true,
- isFullBtn: true,
- isAutorotate: true,
- isBackBtn: true,
- isSmallOpenGesture: true,
- isOpenGesture: true,
- movieScaling: 'scaleNone',
- coverImg: 'widget://image/videoplayer/cover.png'
- });
- }
- function fnijkplayer_addEventListener() {
- var ijkplayer = api.require('ijkplayer');
- ijkplayer.addEventListener({
- name: 'click'
- }, function(ret, err) {
- if (ret) {
- console.log(JSON.stringify(ret));
- } else {
- }
- });
- }
- </script>
- </html>
复制代码
|
本帖子中包含更多资源,您需要 登录 才可以下载或查看,没有帐号?立即注册
X
|