在APP开发中,视频播放是一个重要的功能。为了实现全屏播放,我们可使用视立方播放器原生播放器。视立方播放器原生播放器是一款高性能的视频播放器,支持多种格式的视频文件,包括MP4、AVI、FLV等。
以下是使用视立方播放器原生播放器实现全屏播放的简单示例:
1. 导入视立方播放器原生播放器的库文件,并把它添加到APP中。 2. 在APP中创建一个视立方播放器对象,并把它设置为全屏播放模式。 3. 将视频文件加载到视立方播放器中,并开始播放。 4. 在视立方播放器的回调函数中获取当前视频的尺寸,并把它设置为视立方播放器的尺寸。 5. 在视立方播放器的回调函数中获取当前视频的位置,并把它设置为视立方播放器的位置。 6. 在视立方播放器的回调函数中获取当前视频的缩放比例,并把它设置为视立方播放器的缩放比例。 7. 在视立方播放器的回调函数中获取当前视频的旋转角度,并把它设置为视立方播放器的旋转角度。 8. 在视立方播放器的回调函数中获取当前视频的纵横比,并把它设置为视立方播放器的纵横比。 9. 在视立方播放器的回调函数中获取当前视频的宽高比,并把它设置为视立方播放器的宽高比。 10. 在视立方播放器的回调函数中获取当前视频的透明度,并把它设置为视立方播放器的透明度。 11. 在视立方播放器的回调函数中获取当前视频的亮度,并把它设置为视立方播放器的亮度。 12. 在视立方播放器的回调函数中获取当前视频的对比度,并把它设置为视立方播放器的对比度。 13. 在视立方播放器的回调函数中获取当前视频的饱和度,并把它设置为视立方播放器的饱和度。 14. 在视立方播放器的回调函数中获取当前视频的色温,并把它设置为视立方播放器的色温。 15. 在视立方播放器的回调函数中获取当前视频的帧率,并把它设置为视立方播放器的帧率。 16. 在视立方播放器的回调函数中获取当前视频的时长,并把它设置为视立方播放器的时长。 17. 在视立方播放器的回调函数中获取当前视频的时长百分比,并把它设置为视立方播放器的时长百分比。 18. 在视立方播放器的回调函数中获取当前视频的总时长,并把它设置为视立方播放器的总时长。 19. 在视立方播放器的回调函数中获取当前视频的开始时间,并把它设置为视立方播放器的开始时间。 20. 在视立方播放器的回调函数中获取当前视频的结束时间,并把它设置为视立方播放器的结束时间。
play 全屏播放 简单示例 APP开发接入视立方播放器原生播放器
| 用做网页的技术做APP! 名翠软件提供标准化的jsbridge-mini.js库,您只需要在页面引用并执行JS即可实现各种原生APP、原生PC的功能能力。 ==================APP端================== 【APP端】(安卓版&苹果版)目前提供200+原生功能,2000+JS映射接口,用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.mingcui.cn/doc/demo.cshtml下载教程 ♦ JS-SDK 引用方法 ♦ 普通网页 script 方法加载下载最新版,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库; ♦ js module 方法引用npm install ym-jsbridge 具体请参考 npm package |
核心代码示例,详情参阅demo
//全屏播放单个视频,直接提供视频链接即可
jsBridge.txVideo.play('http://player.alicdn.com/video/editor.mp4');A标签执行JS示例代码
<a href=javascript:void(0) onclick=zhixing()>执行</a>
<!-- 写入一个A标签href值为javascript:void(0),定义点击事件onclick;-->
<script src=您的服务器URL/jsbridge-mini.js></script>
<!-- 在您的服务器引入JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接;-->
<script type=text/javascript>
function zhixing() {
<!--这里可以直接复制JS核心代码到此{}括号内-->
//全屏播放单个视频,直接提供视频链接即可
jsBridge.txVideo.play('http://player.alicdn.com/video/editor.mp4');}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->按钮执行JS示例代码
<button onclick=zhixing() >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src=您的服务器URL/jsbridge-mini.js></script>
<!-- //在您的服务器引入JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type=text/javascript>
function zhixing() {
<!--这里可以直接复制JS核心代码到此{}括号内-->
//全屏播放单个视频,直接提供视频链接即可
jsBridge.txVideo.play('http://player.alicdn.com/video/editor.mp4');}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->