android x5播放视频服务,Android应用内实现视频播放--腾讯浏览服务(TBS)

TBS视频播放

TBS视频播放器可以支持市面上几乎所有的视频格式,包括mp4, flv, avi, 3gp, webm, ts, ogv, m3u8, asf, wmv, rm, rmvb, mov, mkv等18种视频格式。同时支持硬件解码,使得内存占用,稳定性相较于系统播放器都更优。

接入TBS

1.导入jar文件和so文件

2.初始化Application

自定义一个Application类,对X5内核进行初始化

public class MyAppliction extendsApplication {

@Overridepublic voidonCreate() {super.onCreate();//回调接口初始化完成接口回调

QbSdk.PreInitCallback pcb=newQbSdk.PreInitCallback() {

@Overridepublic voidonCoreInitFinished() {

}

@Overridepublic void onViewInitFinished(booleanb) {//x5內核初始化完成的回调,为true表示x5内核加载成功,否则表示x5内核加载失败,会自动切换到系统内核。

Log.e("myApplication", " x5内核加载成功?" +b);

}

};//x5内核预加载,异步初始化x5 webview所需环境

QbSdk.initX5Environment(getApplicationContext(), pcb);

}

}

在AndroidManifest.xml进行声明

3.使用

直接在清单文件AndroidManifest.xml中配置SDK中的视频播放Activity

在代码中直接调用TbsVideo.openVideo()播放

/*** 直接调用播放视频

*@paramvideoUrl 视频地址*/

private voidstartPlay(String videoUrl){//判断当前是否可用

if(TbsVideo.canUseTbsPlayer(getApplicationContext())){//播放视频

TbsVideo.openVideo(getApplicationContext(), videoUrl);

}

}

4.添加权限

效果图

f5b3776e5ff89ce747e7786f0ddd3818.png

优化

先看一下优化之后的效果

f147815d261f80f41832af5c8ca07fb3.png 499564958dd0d28cee464b69b8d10926.png

自定义TBS的WebView,充分发挥X5内核的作用

1.自定义webview

需继承TBS的webview,包一定不能导错:com.tencent.smtt.sdk.WebView

public class X5WebView extendsWebView {private WebViewClient client = newWebViewClient() {/*** 防止加载网页时调起系统浏览器*/

public booleanshouldOverrideUrlLoading(WebView view, String url) {

view.loadUrl(url);return true;

}

};

@SuppressLint("SetJavaScriptEnabled")publicX5WebView(Context arg0, AttributeSet arg1) {super(arg0, arg1);this.setWebViewClient(client);

initWebViewSettings();this.getView().setClickable(true);

}/*** 初始化webview设置*/

private voidinitWebViewSettings() {

WebSettings webSetting= this.getSettings();

...

}/*** 这里可以为自定义webview绘制背景或文字

*@paramcanvas

*@paramchild

*@paramdrawingTime

*@return

*/@Overrideprotected boolean drawChild(Canvas canvas, View child, longdrawingTime) {boolean ret = super.drawChild(canvas, child, drawingTime);

canvas.save();

...returnret;

}publicX5WebView(Context arg0) {super(arg0);

setBackgroundColor(85621);

}

}

2.布局中使用自定义WebView

3.使用自定义WebView播放视频

/*** 使用自定义webview播放视频

*@paramvedioUrl 视频地址*/

private voidstartPlay(String vedioUrl) {

x5webView.loadUrl(vedioUrl);

getWindow().setFormat(PixelFormat.TRANSLUCENT);

x5webView.getView().setOverScrollMode(View.OVER_SCROLL_ALWAYS);

x5webView.setWebChromeClient(newWebChromeClient());

}

4.支持横竖屏切换

在AndroidManifest.xml中给当前Activity配置configChanges属性

更多技术干货,欢迎关注我的公众号:ChaoYoung

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Vue中使用video-player无法播放视频的问题,可能是由于微信浏览器的限制导致的。微信浏览器对视频自动播放有一些限制,需要用户手动触发播放操作。为了解决这个问题,你可以使用以下方法: 1. 在video标签中添加属性"autoplay"来实现视频的自动播放。例如: ```html <video autoplay> <source src="your_video_url" type="video/mp4"> </video> ``` 2. 如果自动播放仍然无效,你可以尝试添加其他兼容性属性。例如: ```html <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" autoplay> <source src="your_video_url" type="video/mp4"> </video> ``` 请注意,以上方法中的"your_video_url"需要替换为你实际的视频链接地址。 另外,你还可以通过在Vue的mounted钩子函数中使用JavaScript代码来实现视频的自动播放。例如: ```javascript mounted() { this.$nextTick(() => { var video = document.getElementById("example_video"); video.play(); }) } ``` 以上代码是通过获取video元素并调用play()方法来实现视频的自动播放。请确保你的video元素具有id属性,并且id与代码中的"example_video"一致。 综上所述,你可以尝试在Vue中使用以上方法来解决video-player无法播放视频的问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [vue中使用video插件在微信浏览器中视频无法自动播放的问题](https://blog.csdn.net/JLX981314/article/details/126111883)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值