kkPlayer模块DEMO示例

selina1105 · 发表于 2018-3-24 17:18:01

kkPlayer 封装了音视频播放功能，同时支持网络视频的播放，支持（http，https, hls, rtmp, rtsp）等流协议。内置的control支持手势操作，左右滑动快退快进，模拟腾讯播放器上下滑动可调节音量和屏幕亮度。如果不使用内置control，则需要自行实现各种控制功能，比如您可在此模块上添加一个frame进行各种控制操作。本模块支持的视频文件格式有：mp4，3gp，flv，ts，mpeg，mov，mkv，wav，webm，rmvb，m4v，avi，asf等等，覆盖了大部分的视频格式文件。
文档连接：https://docs.apicloud.com/Client-API/Func-Ext/kkPlayer
只支持IOS
模块版本：v1.0.1

var kkPlayer;
apiready = function() {
kkPlayer = api.require('kkPlayer');
}
function fnOpen() {
var offset = $api.offset($api.byId('control'));
var left = offset.l;
var top = offset.t;
var width = offset.w;
var height = offset.h;
kkPlayer.open({
rect : {
x : 0,
y : height,
w : api.frameWidth,
h : api.frameHeight - height
},
url : 'rtmp://live.hkstv.hk.lxdns.com/live/hks',
title : '我是标题',
coverImg : 'widget://image/bottombtn0101.png',
fixedOn : api.frameName,
fixed : false,
}, function(ret) {
alert(JSON.stringify(ret));
});
}
function fnClose() {
kkPlayer.close();
}
function fnShow() {
kkPlayer.show();
}
function fnHide() {
kkPlayer.hide();
}
function fnPause() {
kkPlayer.pause();
}
function fnResume() {
kkPlayer.resume();
}
function fnReplay() {
kkPlayer.replay({
url : 'http://7o50kb.com2.z0.glb.qiniucdn.com/c1.2.mp4',
title : '我是标题',
}, function(ret) {
alert(JSON.stringify(ret));
});
}
function getDuration() {
kkPlayer.getDuration({
url : 'http://7o50kb.com2.z0.glb.qiniucdn.com/c1.2.mp4',
}, function(ret) {
alert(JSON.stringify(ret));
});
}
function fnMute() {
var myselect = document.getElementById("mute");
var index = myselect.selectedIndex;
var value = myselect.options[index].value;
kkPlayer.mute({
state : value
});
}
function fnLoop() {
var myselect = document.getElementById("loop");
var index = myselect.selectedIndex;
var value = myselect.options[index].value;
kkPlayer.loop({
state : value
});
}
function configControl() {
kkPlayer.configControl({
showBack : true,
showDownload : true,
showFullScreen : true,
allowPanGesture : true
});
}
function isFullScreen() {
kkPlayer.isFullScreen(function(ret) {
alert(JSON.stringify(ret));
});
}
function fnFullScreen() {
var myselect = document.getElementById("fullScreen");
var index = myselect.selectedIndex;
var value = myselect.options[index].value;
kkPlayer.fullScreen({
state : value
});
}
function isPlaying() {
kkPlayer.isPlaying(function(ret) {
alert(JSON.stringify(ret));
});
}
function fastForward() {
kkPlayer.fastForward({
seconds : 3
});
}
function fastBackward() {
kkPlayer.fastBackward({
seconds : 3
});
}
function seekTo() {
kkPlayer.seekTo({
seconds : 10
});
}
function fnAddEventListener() {
kkPlayer.addEventListener(function(ret) {
api.sendEvent({
name : 'info',
extra : {
info : ret.eventType
}
});
});
}
function fnRemoveEventListener() {
kkPlayer.removeEventListener();
}
function fnPlaySpeed() {
kkPlayer.playSpeed({
speed : 1.0
});
}
function fnRotate() {
var myselect = document.getElementById("rotate");
var index = myselect.selectedIndex;
var value = myselect.options[index].value;
kkPlayer.rotate({
degress : value
});
}
function contentMode() {
var myselect = document.getElementById("contentMode");
var index = myselect.selectedIndex;
var value = myselect.options[index].value;
kkPlayer.contentMode({
mode : value
});
}
function fnShotScreen() {
kkPlayer.shotScreen(function(ret) {
alert(JSON.stringify(ret));
});
}

复制代码

hbshow · 发表于 2018-3-25 10:39:01

383896 · 发表于 2018-3-30 13:13:42

240多元呢

apicloud

[案例源码] kkPlayer模块DEMO示例

[案例源码] kkPlayer模块DEMO示例

回帖奖励 +1