apicloud apicloud

注册
查看: 672|回复: 2

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

主题:
28
帖子:
5034
云币:
4738

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

672 2 | 发表于 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
  
  1. var kkPlayer;
  2.                 apiready = function() {
  3.                         kkPlayer = api.require('kkPlayer');
  4.                 }
  5.                 function fnOpen() {
  6.                         var offset = $api.offset($api.byId('control'));
  7.                         var left = offset.l;
  8.                         var top = offset.t;
  9.                         var width = offset.w;
  10.                         var height = offset.h;
  11.                         kkPlayer.open({
  12.                                 rect : {
  13.                                         x : 0,
  14.                                         y : height,
  15.                                         w : api.frameWidth,
  16.                                         h : api.frameHeight - height
  17.                                 },
  18.                                 url : 'rtmp://live.hkstv.hk.lxdns.com/live/hks',
  19.                                 title : '我是标题',
  20.                                 coverImg : 'widget://image/bottombtn0101.png',
  21.                                 fixedOn : api.frameName,
  22.                                 fixed : false,
  23.                         }, function(ret) {
  24.                                 alert(JSON.stringify(ret));
  25.                         });
  26.                 }

  27.                 function fnClose() {
  28.                         kkPlayer.close();
  29.                 }

  30.                 function fnShow() {
  31.                         kkPlayer.show();
  32.                 }

  33.                 function fnHide() {
  34.                         kkPlayer.hide();
  35.                 }

  36.                 function fnPause() {
  37.                         kkPlayer.pause();
  38.                 }

  39.                 function fnResume() {
  40.                         kkPlayer.resume();
  41.                 }

  42.                 function fnReplay() {
  43.                         kkPlayer.replay({
  44.                                 url : 'http://7o50kb.com2.z0.glb.qiniucdn.com/c1.2.mp4',
  45.                                 title : '我是标题',
  46.                         }, function(ret) {
  47.                                 alert(JSON.stringify(ret));
  48.                         });
  49.                 }

  50.                 function getDuration() {
  51.                         kkPlayer.getDuration({
  52.                                 url : 'http://7o50kb.com2.z0.glb.qiniucdn.com/c1.2.mp4',
  53.                         }, function(ret) {
  54.                                 alert(JSON.stringify(ret));
  55.                         });
  56.                 }

  57.                 function fnMute() {
  58.                         var myselect = document.getElementById("mute");
  59.                         var index = myselect.selectedIndex;
  60.                         var value = myselect.options[index].value;
  61.                         kkPlayer.mute({
  62.                                 state : value
  63.                         });
  64.                 }

  65.                 function fnLoop() {
  66.                         var myselect = document.getElementById("loop");
  67.                         var index = myselect.selectedIndex;
  68.                         var value = myselect.options[index].value;
  69.                         kkPlayer.loop({
  70.                                 state : value
  71.                         });
  72.                 }

  73.                 function configControl() {
  74.                         kkPlayer.configControl({
  75.                                 showBack : true,
  76.                                 showDownload : true,
  77.                                 showFullScreen : true,
  78.                                 allowPanGesture : true
  79.                         });
  80.                 }

  81.                 function isFullScreen() {
  82.                         kkPlayer.isFullScreen(function(ret) {
  83.                                 alert(JSON.stringify(ret));
  84.                         });
  85.                 }

  86.                 function fnFullScreen() {
  87.                         var myselect = document.getElementById("fullScreen");
  88.                         var index = myselect.selectedIndex;
  89.                         var value = myselect.options[index].value;
  90.                         kkPlayer.fullScreen({
  91.                                 state : value
  92.                         });
  93.                 }

  94.                 function isPlaying() {
  95.                         kkPlayer.isPlaying(function(ret) {
  96.                                 alert(JSON.stringify(ret));
  97.                         });
  98.                 }

  99.                 function fastForward() {
  100.                         kkPlayer.fastForward({
  101.                                 seconds : 3
  102.                         });
  103.                 }

  104.                 function fastBackward() {
  105.                         kkPlayer.fastBackward({
  106.                                 seconds : 3
  107.                         });
  108.                 }

  109.                 function seekTo() {
  110.                         kkPlayer.seekTo({
  111.                                 seconds : 10
  112.                         });
  113.                 }

  114.                 function fnAddEventListener() {
  115.                         kkPlayer.addEventListener(function(ret) {
  116.                                 api.sendEvent({
  117.                                         name : 'info',
  118.                                         extra : {
  119.                                                 info : ret.eventType
  120.                                         }
  121.                                 });
  122.                         });
  123.                 }

  124.                 function fnRemoveEventListener() {
  125.                         kkPlayer.removeEventListener();
  126.                 }

  127.                 function fnPlaySpeed() {
  128.                         kkPlayer.playSpeed({
  129.                                 speed : 1.0
  130.                         });
  131.                 }

  132.                 function fnRotate() {
  133.                         var myselect = document.getElementById("rotate");
  134.                         var index = myselect.selectedIndex;
  135.                         var value = myselect.options[index].value;
  136.                         kkPlayer.rotate({
  137.                                 degress : value
  138.                         });
  139.                 }

  140.                 function contentMode() {
  141.                         var myselect = document.getElementById("contentMode");
  142.                         var index = myselect.selectedIndex;
  143.                         var value = myselect.options[index].value;
  144.                         kkPlayer.contentMode({
  145.                                 mode : value
  146.                         });
  147.                 }

  148.                 function fnShotScreen() {
  149.                         kkPlayer.shotScreen(function(ret) {
  150.                                 alert(JSON.stringify(ret));
  151.                         });
  152.                 }
复制代码

本帖子中包含更多资源    您需要 登录 才可以下载或查看,没有帐号?立即注册

马路杀手

UID:219869

主题:
15
帖子:
245
云币:
434
发表于 2018-3-25 10:39:01 |

回帖奖励 +1

驾校小白

UID:293268

主题:
0
帖子:
21
云币:
13
发表于 2018-3-30 13:13:42 |
240多元呢
您需要登录后才可以回帖 登录 | 立即注册

快速回复 返回顶部 返回列表