其他分享
首页 > 其他分享> > leCast投屏android browser浏览器 tinyPlayer zhikeia的模块的调用方法使用教程

leCast投屏android browser浏览器 tinyPlayer zhikeia的模块的调用方法使用教程

作者:互联网

乐播简介

乐播投屏,是一款移动设备(手机/平板等)连接大屏终端(电视、盒子、投影、VR等智能设备)的多屏互动工具,可以实现将移动设备的内容无线投送(可镜像)到大屏终端,达到手机操控电视玩游戏(不改变游戏操作体验)、看电影、听音乐、分享照片等,适合玩大屏游戏、开会办公、视频推送、影音共享、亲子互动等场景 leCast 模块概述

本模块封装了乐播开放平台的原生 SDK,集成了跨屏游戏 高清、实时地将手游投到电视上,体验大屏手游的快感和刺激感。 会议演示 一部手机随时召集会议,让会议操作流程简化,效率更高。 视频点播 将手机上的任意影像投在电视屏上,与家人一起互动。 音乐共享 不需要华丽音响,就可以把无线音乐响彻整个house。 图片分享 朋友聚会聊天,将手机中的照片投到大屏,和朋友们分享照片故事。 车载导航 将手机中的信息传达到导航屏上,方便操控,安全驾驶。 电脑投屏 将电脑屏幕,电脑文档投屏至会议室大屏幕中,投屏开会或演示。

模块使用攻略

使用之前须从乐播开放平台申请开发者账号并创建应用,获取 Key 和 secret。leCast 模块优化了 乐播 模块的投屏、镜像功能。**

乐播平台接入流程参考[乐播平台接入文档]

使用此模块之前建议先配置 config.xml 文件,配置完毕,需通过云端编译生效,配置方法如下:

名称:leCast
参数:lecastKey、lecastSecret、ios_lecastKey、ios_lecastSecret
配置示例:

  <feature name="leCast">
        <param name="lecastKey" value="10723" />
        <param name="lecastSecret" value="365538c26afc0c8ecfceb94d10171a9a" />

       <param name="ios_lecastKey" value="11508" />
       <param name="ios_lecastSecret" value="9953428d6a3ca4a842c641814c28c7b3" />
    </feature>

字段描述:

lecastKey:(必须配置)从乐播开放平台获取的 key。key 申请方法参考乐播开放平台接入文档。

lecastSecret:(必须配置)从乐播开放平台获取的 secret。secret 申请方法参考乐播开放平台接入文档。

ios_lecastKey:(必须配置)从乐播开放平台获取的 key。key 申请方法参考乐播开放平台接入文档。

ios_lecastSecret:(必须配置)从乐播开放平台获取的 secret。secret 申请方法参考乐播开放平台接入文档。

"; var component={x:w-50,y:100,w:50,h:50,pic:‘widget://image/timg.jpg’, rect:{x:0,y:2,w:50,h:50},radius:25,backgroundColor:’#EE0000’, alpha:0.5,border:1,borderColor:’#E066FF’,isHtml:true,text:htmltext, textSize:14,textColor:’#C0FF3E’,alignment:0,type:‘small’,code:26,autoHidden:true};//自定义组件 var styles= [component]; { rect:{x:0, y:0,w:‘auto’, h:220}, fixedOn:api.frameName, fixed:true, coreType:0,//0 avplayer 1 ijk ios有效 forceDeviceOrientation:false,//旋转方向 true 全屏视频不旋转 radius:2,//圆角大小 默认 0 没有圆角 showBack:true,//返回按钮是否显示小屏幕 showSelect:true,//选集按钮是否显示 showSpeed:true,//倍速按钮是否显示 showShot:true,//截图按钮是否显示 showBottomProcess:true,//最底部播放进度条是否显示 autoPlay:true, //默认false openCache:false, //是否开启缓存 hideControl:false,//是否隐藏所有控件 backgroundHolder:‘widget://launch/launch.png’,//视频背景图片 backgroundAlpha:0.3,//0 背景透明度 loop:false,//是否单急循环 styles:styles, //自定义组件样式 index:0, data:[ { uid:’’,//扩展字段 用户id(可选,会随事件返回) vid:’’,//扩展字段 视频id(可选,会随事件返回) title:‘第一集’, index:‘01’, thumb:‘https://cms-bucket.nosdn.127.net/eb411c2810f04ffa8aaafc42052b233820180418095416.jpeg’, url:‘https://v.feimandao.com/sv/55519dae-17101fcf8f1/55519dae-17101fcf8f1.mp4’}, { uid:’’,//扩展字段 用户id(可选,会随事件返回) vid:’’,//扩展字段 视频id(可选,会随事件返回) title:‘第二集’, index:‘02’, thumb:‘https://cms-bucket.nosdn.127.net/eb411c2810f04ffa8aaafc42052b233820180418095416.jpeg’, url:‘https://v.feimandao.com/sv/55519dae-17101fcf8f1/55519dae-17101fcf8f1.mp4’}
]
}

tinyPalyer的调用示例

示例代码

```js
var ox = api.require('tinyPlayer');
ox.fixdPlay({
                              rect:{x:0, y:0,w:'auto', h:220},
                              fixedOn:api.frameName,
                              fixed:true,
                              radius:2,//圆角大小 默认 0 没有圆角
                              showBack:true,//返回按钮是否显示小屏幕
                              showSelect:true,//选集按钮是否显示
                              showSpeed:true,//倍速按钮是否显示
                              showShot:true,//截图按钮是否显示
                              showBottomProcess:true,
                              autoPlay:true,//默认false
                              openCache:false,//是否开启缓存
                              hideControl:false,//是否隐藏所有控件
                              backgroundHolder:'widget://launch/launch.png',//视频背景图片
                              backgroundAlpha:0.3,//0 背景透明度
                              loop:false,//是否单急循环
                              styles:styles,
                              index:0,
                              data:[
                                   {
                                    uid:'',//扩展字段 用户id(可选,会随事件返回)
                                    vid:'',//扩展字段 视频id(可选,会随事件返回)
                                    title:'第一集',
                                    index:'01',
                                    thumb:'https://cms-bucket.nosdn.127.net/eb411c2810f04ffa8aaafc42052b233820180418095416.jpeg',
                                    url:'https://v.feimandao.com/sv/55519dae-17101fcf8f1/55519dae-17101fcf8f1.mp4'},
                                    {
                                    uid:'',//扩展字段 用户id(可选,会随事件返回)
                                    vid:'',//扩展字段 视频id(可选,会随事件返回)
                                    title:'第二集',
                                    index:'02',
                                    thumb:'https://cms-bucket.nosdn.127.net/eb411c2810f04ffa8aaafc42052b233820180418095416.jpeg',
                                    url:'https://v.feimandao.com/sv/55519dae-17101fcf8f1/55519dae-17101fcf8f1.mp4'}

                                    ]
                              });

在这里插入图片描述
可以一起交流心得QQ573328665

标签:leCast,false,开放平台,投屏,https,tinyPlayer,55519dae,true,乐播
来源: https://blog.csdn.net/QQfanzhe/article/details/119274138