ijkplayer 模块效果展示

uoaccw

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>

复制代码

得呤

抢个沙发

明明sir

rect:

类型：JSON对象
描述：(可选项）播放器的位置及长宽
{
   x: 0, //（可选项）数字类型；播放器 x 坐标（相对于所属的 Window 或 Frame）；默认值：0
   y: 0, //（可选项）数字类型；播放器 y 坐标（相对于所属的 Window 或 Frame）；默认值：0
   w: 320,  //（可选项）数字类型；播放器（相对于所属的 Window 或 Frame）；默认值：屏幕宽度
   h: 300,  //（可选项）数字类型；播放器（相对于所属的 Window 或 Frame）；默认值：300
}

这个x,y 定义了为啥没有作用，好使吗？

得呤

怎么定义的呢

gigie

明明sir 发表于 2018-8-25 13:22
rect:

类型：JSON对象

你的代码怎么写的？

iOS还是Android上测试的？

明明sir

gigie 发表于 2018-8-28 23:56
你的代码怎么写的？

iOS还是Android上测试的？

android 里面测试的，就是按照文档复制的，定义y:200 没有改变位置

明明sir

现在自己又好了。

明明sir

gigie 发表于 2018-8-28 23:56
你的代码怎么写的？

iOS还是Android上测试的？

初始化frame的时候 y值不起作用，全屏之后，退出，Y值起作用了，不知道什么原因

小东东_fairy

你好，请按照文档，open接口写上fixedOn、fixed参数

飞科

在虚拟机上无法调试很苦恼。。。