Tiny Player

tinyPlayer

来自于：开发者立即使用

Method

addEventListener showInView updateAtIndex updateAll next prev playIndex start stop replay duration seekTo position screenShot remove showPlay hidePlay isFull setVolume setMuted setSpeed exitFullScreen enterFullScreen clearCache isLock

论坛示例

为帮助用户更好更快的使用模块，论坛维护了一个示例，示例中包含示例代码、知识点讲解、注意事项等，供您参考。

概述

tinyPlayer播放器，支持点播 直播

模块概述

1.支持点播,直播 2.缓存,分集播放 4.android 支持视频格式 m3u8,flv,mp4,webm,ts,mpd,mkv 支持rtmp直播 5.ios 支持视频格式 m3u8,flv,mp4,mov 支持rtmp直播 6.component 等自定义控件 温馨提示

  1.    监听事件(播放器)
  2.    ox.addEventListener(function(ret) {
  3.            var code= ret.code;
  4.             //  0 小屏状态下返回按钮点击 
  5.             //  1 播放进度实时返回position
  6.             //  6 播放 
  7.             //  7 暂停 
  8.             //  8 缓冲返回 
  9.             //  9 网络错误
  10.             //  11 选集列表 点击 返回选择的集数信息
  11.          }
  13.     });

模块接口

addEventListener

监听统一接口 取消原来的api.addEventListener

addEventListener(callback)

返回格式

  1.   {code:0,vid:vid,uid:uid}  //vid 视频id uid 用户id
  2.   code 值代表放回 事件 请参考 上面 温馨提示

示例代码

  1. tinyPlayer.addEventListener(function(ret) {
  2.             var code= ret.code;
  4.        });
  6. );

可用性

Android,ios系统

可提供的1.0.5

showInView

指定区域显示播放器,点播，可分集播放

showInView({param})

params

  1.              //component 自定义控件  radius 圆角值 backgroundColor 背景色 border 边框 borderColor边框颜色
  2.              //alignment 文字对齐0:居中 1上左对齐 2上中对齐 3上右对齐 4上两端对齐 5下左对齐 6下中对齐 7下右对齐 8下两端对齐 9居中两端对齐
  3.              //textSize:14  文字大小 textColor:'#C0FF3E' 文字颜色 alpha 背景透明度
  4.              //hidden 是否隐藏
  5.              //code:16//控件标识  同时作为点击事件返回码 0-13占用 不能使用 组件 code值不能重复 rect 图片位置(相对父组件component位置)
  6.              //type为full显示在全屏 small 显示在小屏 
  7.              //autoHidden 是否随控件一起隐藏显示
  8.              var component={x:w-50,y:100,w:50,h:50,pic:'widget://image/timg.jpg',
  9.              rect:{x:0,y:2,w:50,h:50},radius:25,backgroundColor:'#EE0000',
  10.              alpha:0.5,border:1,borderColor:'#E066FF',text:'',
  11.              textSize:14,textColor:'#C0FF3E',alignment:0,type:'small',code:26,autoHidden:true};//自定义组件
  12.              var styles= [component];
  13.        {
  14.                               rect:{x:0, y:0,w:'auto', h:220},
  15.                               fixedOn:api.frameName,
  16.                               fixed:true,
  17.                               radius:2,//圆角大小 默认 0 没有圆角
  18.                               showBack:true,//返回按钮是否显示小屏幕
  19.                               showSelect:true,//选集按钮是否显示
  20.                               showSpeed:true,//倍速按钮是否显示
  21.                               showShot:true,//截图按钮是否显示
  22.                               showBottomProcess:true,//最底部播放进度条是否显示
  23.                               autoPlay:true,         //默认false
  24.                               openCache:false,       //是否开启缓存
  25.                               hideControl:false,//是否隐藏所有控件
  26.                               backgroundHolder:'widget://launch/launch.png',//视频背景图片
  27.                               backgroundAlpha:0.3,//0 背景透明度
  28.                               loop:false,//是否单急循环
  29.                               styles:styles,         //自定义组件样式
  30.                               index:0,
  31.                               data:[
  32.                                    {
  33.                                     uid:'',//扩展字段 用户id(可选，会随事件返回)
  34.                                     vid:'',//扩展字段 视频id(可选，会随事件返回)
  35.                                     title:'第一集',
  36.                                     index:'01',
  37.                                     thumb:'https://cms-bucket.nosdn.127.net/eb411c2810f04ffa8aaafc42052b233820180418095416.jpeg',
  38.                                     url:'https://v.feimandao.com/sv/55519dae-17101fcf8f1/55519dae-17101fcf8f1.mp4'},
  39.                                     {
  40.                                     uid:'',//扩展字段 用户id(可选，会随事件返回)
  41.                                     vid:'',//扩展字段 视频id(可选，会随事件返回)
  42.                                     title:'第二集',
  43.                                     index:'02',
  44.                                     thumb:'https://cms-bucket.nosdn.127.net/eb411c2810f04ffa8aaafc42052b233820180418095416.jpeg',
  45.                                     url:'https://v.feimandao.com/sv/55519dae-17101fcf8f1/55519dae-17101fcf8f1.mp4'}
  47.                                     ]
  48.                               }

示例代码

  1. var ox = api.require('tinyPlayer');
  2. ox.fixdPlay({
  3.                               rect:{x:0, y:0,w:'auto', h:220},
  4.                               fixedOn:api.frameName,
  5.                               fixed:true,
  6.                               radius:2,//圆角大小 默认 0 没有圆角
  7.                               showBack:true,//返回按钮是否显示小屏幕
  8.                               showSelect:true,//选集按钮是否显示
  9.                               showSpeed:true,//倍速按钮是否显示
  10.                               showShot:true,//截图按钮是否显示
  11.                               showBottomProcess:true,
  12.                               autoPlay:true,//默认false
  13.                               openCache:false,//是否开启缓存
  14.                               hideControl:false,//是否隐藏所有控件
  15.                               backgroundHolder:'widget://launch/launch.png',//视频背景图片
  16.                               backgroundAlpha:0.3,//0 背景透明度
  17.                               loop:false,//是否单急循环
  18.                               styles:styles,
  19.                               index:0,
  20.                               data:[
  21.                                    {
  22.                                     uid:'',//扩展字段 用户id(可选，会随事件返回)
  23.                                     vid:'',//扩展字段 视频id(可选，会随事件返回)
  24.                                     title:'第一集',
  25.                                     index:'01',
  26.                                     thumb:'https://cms-bucket.nosdn.127.net/eb411c2810f04ffa8aaafc42052b233820180418095416.jpeg',
  27.                                     url:'https://v.feimandao.com/sv/55519dae-17101fcf8f1/55519dae-17101fcf8f1.mp4'},
  28.                                     {
  29.                                     uid:'',//扩展字段 用户id(可选，会随事件返回)
  30.                                     vid:'',//扩展字段 视频id(可选，会随事件返回)
  31.                                     title:'第二集',
  32.                                     index:'02',
  33.                                     thumb:'https://cms-bucket.nosdn.127.net/eb411c2810f04ffa8aaafc42052b233820180418095416.jpeg',
  34.                                     url:'https://v.feimandao.com/sv/55519dae-17101fcf8f1/55519dae-17101fcf8f1.mp4'}
  36.                                     ]
  37.                               });

可用性

Android,ios系统

可提供的1.0.5

updateAtIndex

更新索引 播放数据

示例代码

  1. var tinyPlayer = api.require('tinyPlayer');
  2. tinyPlayer.updateAtIndex({index:0,data:{uid:'',//扩展字段 用户id(可选，会随事件返回)
  3.                                     vid:'',//扩展字段 视频id(可选，会随事件返回)
  4.                                     title:'第二集',
  5.                                     index:'02',
  6.                                     thumb:'https://cms-bucket.nosdn.127.net/eb411c2810f04ffa8aaafc42052b233820180418095416.jpeg',
  7.                                     url:'https://v.feimandao.com/sv/55519dae-17101fcf8f1/55519dae-17101fcf8f1.mp4'}});

可用性

Android,ios系统

可提供的1.0.5

updateAll

更新所有视频数据

示例代码

  1. var tinyPlayer = api.require('tinyPlayer');
  2. tinyPlayer.updateAll({data:[{uid:'',//扩展字段 用户id(可选，会随事件返回)
  3.                                     vid:'',//扩展字段 视频id(可选，会随事件返回)
  4.                                     title:'第二集',
  5.                                     index:'02',
  6.                                     thumb:'https://cms-bucket.nosdn.127.net/eb411c2810f04ffa8aaafc42052b233820180418095416.jpeg',
  7.                                     url:'https://v.feimandao.com/sv/55519dae-17101fcf8f1/55519dae-17101fcf8f1.mp4'}]});

可用性

Android,ios系统

可提供的1.0.5

next

播放下一集，只对fixdPlay接口有效

示例代码

  1. var tinyPlayer = api.require('tinyPlayer');
  2. tinyPlayer.next();

可用性

Android,ios系统

可提供的1.0.5

prev

播放上一集，只对fixdPlay接口有效

示例代码

  1. var tinyPlayer = api.require('tinyPlayer');
  2. tinyPlayer.prev();

可用性

Android,ios系统

可提供的1.0.5

playIndex

播放索引集视频，只对fixdPlay接口有效

示例代码

  1. var tinyPlayer = api.require('tinyPlayer');
  2. tinyPlayer.playIndex({index:4});

可用性

Android,ios系统

可提供的1.0.5

start

开始播放

示例代码

  1. var tinyPlayer = api.require('tinyPlayer');
  2. tinyPlayer.start();

可用性

Android,ios系统

可提供的1.0.5

stop

停止播放

示例代码

  1. var tinyPlayer = api.require('tinyPlayer');
  2. tinyPlayer.stop();

可用性

Android,ios系统

可提供的1.0.5

replay

重新播放

示例代码

  1. var tinyPlayer = api.require('tinyPlayer');
  2. tinyPlayer.replay();

可用性

Android,ios系统

可提供的1.0.5

duration

视频时长

示例代码

  1. var tinyPlayer = api.require('tinyPlayer');
  2. tinyPlayer.duration(function(ret) {
  3.                        if (ret.code==0) {
  4.                            alert(ret.duration);
  5.                        }
  6.                });

可用性

Android,ios系统

可提供的1.0.5

seekTo

指定位置播放

示例代码

  1. var tinyPlayer = api.require('tinyPlayer');
  2. tinyPlayer.seekTo({position:100000});

可用性

Android,ios系统

可提供的1.0.5

position

播放位置

示例代码

  1. var tinyPlayer = api.require('tinyPlayer');
  2. tinyPlayer.position(function(ret) {
  3.                        if (ret.code==0) {
  4.                            alert(ret.position);
  5.                        }
  6.                });

可用性

Android,ios系统

可提供的1.0.5

screenShot

截屏

示例代码

  1. var tinyPlayer = api.require('tinyPlayer');
  2. tinyPlayer.screenShot(function(ret) {
  3.                           if (ret.code==0) {
  4.                               var base64 = ret.base64;
  5.                               document.getElementById('image').src = 'data:image/png;base64,'+base64;
  6.                          }
  7.                        });

可用性

Android,ios系统

可提供的1.0.5

remove

移除播放器

示例代码

  1. var tinyPlayer = api.require('tinyPlayer');
  2. tinyPlayer.remove();

可用性

Android,ios系统

可提供的1.0.5

showPlay

显示播放器

showPlay()

示例代码

  1. var tinyPlayer = api.require('tinyPlayer');
  2. tinyPlayer.showPlay(}
  4. );

可用性

Android,ios系统

可提供的1.0.5

hidePlay

隐藏播放器

hidePlay()

示例代码

  1. var tinyPlayer = api.require('tinyPlayer');
  2. tinyPlayer.hidePlay(}
  4. );

可用性

Android,ios系统

可提供的1.0.5

isFull

是否全屏

isFull()

示例代码

  1. var tinyPlayer = api.require('tinyPlayer');
  2. tinyPlayer.isFull(function(ret) {
  3.                        if (ret.code==0) {
  4.                            alert(ret.isFull);
  5.                        }
  6.                }
  8. );

可用性

Android,ios系统

可提供的1.0.5

setVolume

设置音量

setVolume({volume:1.5})

示例代码

  1. var tinyPlayer = api.require('tinyPlayer');
  2. tinyPlayer.setVolume({volume:1.5});

可用性

Android,ios系统

可提供的1.0.5

setMuted

设置静音

setVolume({isMuted:true})

示例代码

  1. var tinyPlayer = api.require('tinyPlayer');
  2. tinyPlayer.setVolume({isMuted:true});

可用性

Android,ios系统

可提供的1.0.5

setSpeed

设置倍速

setSpeed({speed:1.5})

示例代码

  1. var tinyPlayer = api.require('tinyPlayer');
  2. tinyPlayer.setSpeed({speed:1.5});

可用性

Android,ios系统

可提供的1.0.5

exitFullScreen

退出全屏

exitFullScreen()

示例代码

  1. var tinyPlayer = api.require('tinyPlayer');
  2. tinyPlayer.exitFullScreen();

可用性

Android,ios系统

可提供的1.0.5

enterFullScreen

进入全屏

enterFullScreen()

示例代码

  1. var tinyPlayer = api.require('tinyPlayer');
  2. tinyPlayer.enterFullScreen();

可用性

Android,ios系统

可提供的1.0.5

clearCache

清理缓存

clearCache(function(ret) {});

示例代码

  1. var tinyPlayer = api.require('tinyPlayer');
  2. tinyPlayer.clearCache(function(ret) {
  3.                        if (ret.code==0) {
  5.                        }
  6.                }
  8. );

可用性

Android,ios系统

可提供的1.0.5

isLock

是否锁屏 fixdPlay fixePlay 有效

isLock()

示例代码

  1. var tinyPlayer = api.require('tinyPlayer');
  2. tinyPlayer.isLock(function(ret) {
  3.                        if (ret.code==0) {
  4.                            alert(ret.isLock);
  5.                        }
  6.                }
  8. );

可用性

Android,ios系统

可提供的1.0.5