温馨提示  2024年 6月我们已经停止开发者板块文章内容更新,谢谢来访。存档数据
知识 2023-09-23 32 次阅读

腾讯云视频APP开发接入视立方播放器,原生播放视频,,怎样达成全屏播放?

在使用腾讯云视频和视立方播放器进行APP开发时,我们可使用play全屏播放方法3。这个方法可以帮助我们快速地将视频播放到全屏模式,并且可以无缝地嵌入到我们的应用程序中。
首先,我们需如果要把视立方播放器的SDK集成到我们的应用程序中。这可以借助将SDK文件添加到我们的项目中来实现。然后,我们需如果要把视频文件添加到应用程序中。这可以借助将视频文件添加到我们的项目资源文件中来实现。
下一步,我们需要创建一个播放器实例。我们可使用以下代码来完成这个任务:
```java // 创建一个播放器实例 MediaPlayer mediaPlayer = new MediaPlayer.Builder() .setAppPackageName("com.example.app") // 应用程序包名 .setVideoPath("/path/to/video/file") // 视频文件路径 .build(); ``` 然后,我们可使用以下代码来启动视频播放:
```java // 启动视频播放 mediaPlayer.start(); ``` 最后,我们需要使用以下代码来设置全屏播放模式:
```java // 设置全屏播放模式 mediaPlayer.setVideoLayout(MediaPlayer.VideoLayout.SURFACE); mediaPlayer.setVideoLayout(MediaPlayer.VideoLayout.CROP); ``` 这样,我们就完成了play全屏播放方法3的使用。这个方法可以帮助我们快速地将视频播放到全屏模式,并且可以无缝地嵌入到我们的应用程序中。

play 全屏播放 方法3腾讯云视频  APP开发接入视立方播放器 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
名翠软件开发平台通用JS

核心代码示例,详情参阅demo

//方法3腾讯云视频,请参见 https://cloud.tencent.com/product/vod
//结合腾讯云视频服务可实现免费试看、付费看全片功能
jsBridge.txVideo.play({
 appId : 1256993030,
 title : '腾讯云视频',
 videoId : {
 fileId: '7447398157015849771',
 pSign : ''
 }
});/*
参数说明
{
 appId : 0, //必须,数字类型,腾讯云服务 AppId
 title : '', //可选,字符串类型,视频名称,显示在 UI 上
 videoId : { //必须,腾讯云视频 VideoId(FileId)
 fileId: '', //必须,字符串类型,腾讯云视频 FileId
 pSign : '' //可选,防盗链授权签名,如开启了防盗链则必填,算法请参考 https://cloud.tencent.com/document/product/266/45554
 }
}
*/

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核心代码到此{}括号内-->
//方法3腾讯云视频,请参见 https://cloud.tencent.com/product/vod
//结合腾讯云视频服务可实现免费试看、付费看全片功能
jsBridge.txVideo.play({
 appId : 1256993030,
 title : '腾讯云视频',
 videoId : {
 fileId: '7447398157015849771',
 pSign : ''
 }
});/*
参数说明
{
 appId : 0, //必须,数字类型,腾讯云服务 AppId
 title : '', //可选,字符串类型,视频名称,显示在 UI 上
 videoId : { //必须,腾讯云视频 VideoId(FileId)
 fileId: '', //必须,字符串类型,腾讯云视频 FileId
 pSign : '' //可选,防盗链授权签名,如开启了防盗链则必填,算法请参考 https://cloud.tencent.com/document/product/266/45554
 }
}
*/}
</script>
<!--执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可;-->

按钮执行JS示例代码

<button onclick=zhixing() >执行</button>
<!-- //写一个按钮,定义点击执行事件; -->
<script src=您的服务器URL/jsbridge-mini.js></script>
<!-- //在您的服务器引入JS地址,请下载jsbridge-mini.js上传您自己的服务器获取链接; -->
<script type=text/javascript>
function zhixing() {
<!--这里可以直接复制JS核心代码到此{}括号内-->
//方法3腾讯云视频,请参见 https://cloud.tencent.com/product/vod
//结合腾讯云视频服务可实现免费试看、付费看全片功能
jsBridge.txVideo.play({
 appId : 1256993030,
 title : '腾讯云视频',
 videoId : {
 fileId: '7447398157015849771',
 pSign : ''
 }
});/*
参数说明
{
 appId : 0, //必须,数字类型,腾讯云服务 AppId
 title : '', //可选,字符串类型,视频名称,显示在 UI 上
 videoId : { //必须,腾讯云视频 VideoId(FileId)
 fileId: '', //必须,字符串类型,腾讯云视频 FileId
 pSign : '' //可选,防盗链授权签名,如开启了防盗链则必填,算法请参考 https://cloud.tencent.com/document/product/266/45554
 }
}
*/}
</script>
<!-- //执行核心代码;
//如果需要进入页面就执行,去掉点击事件即可; -->