|
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));
- });
- }
复制代码
|
本帖子中包含更多资源 您需要 登录 才可以下载或查看,没有帐号?立即注册
x
|