zoukankan      html  css  js  c++  java
  • uniapp插件-腾讯云播放器sdk插件-腾讯云高清播放器-多码率支持-截图-播放控制-变速播放

    目前仅做了安卓版本,如果需求量可以的话我们会制作IOS版本的。

    使用方法:

    腾讯云播放器腾讯云目前是免费的,后期不知道,需要注册请访问腾讯云官网,优雅草伙伴注册链接:

    点击访问腾讯云官网

    关联优雅草科技可提供支持。

      <TXPlay ref="txplay"  class="m-video"    :param="param"    ></TXPlay> 
    		  <TXPlay ref="txplay"  class="m-video"    :param="param2"    ></TXPlay> 
    		  <TXPlay ref="txplay"  class="m-video"    :param="param3"    ></TXPlay> 
                
    
    			param:{
    				appId:1252463788,
    				fileId:"4564972819219071679"
    			 } 
    			param2:{
    				 urls:[ 
    					{
    						url : "http://1252463788.vod2.myqcloud.com/95576ef5vodtransgzp1252463788/e1ab85305285890781763144364/v.f30.mp4",
    					    title : "高清"
    					},
    					{
    						url : "http://1252463788.vod2.myqcloud.com/95576ef5vodtransgzp1252463788/e1ab85305285890781763144364/v.f20.mp4",
    					    title : "标清"
    					},
    					{
    						url : "http://1252463788.vod2.myqcloud.com/95576ef5vodtransgzp1252463788/e1ab85305285890781763144364/v.f10.mp4",
    					    title : "流畅"
    					}
    				]  
    			}
    			param3:{
    				url:"http://200024424.vod.myqcloud.com/200024424_709ae516bdf811e6ad39991f76a4df69.f20.mp4"
    			}
    			
    			
    			
    			
    			play()
    			{
    				  this.$refs.txplay.play(this.param); 
    				 
    			},
    			play2()
    			{
    				  this.$refs.txplay.play(this.param2); 
    				 
    			},
    			play3()
    			{
    				  this.$refs.txplay.play(this.param3); 
    				 
    			},
    			play4()
    			{
    				  this.$refs.txplay.play(this.param4); 
    				 
    			},
    			seek()
    			{
    				 this.$refs.txplay.seek(10);  //单位秒
    			},
    			pause()
    			{
    				 this.$refs.txplay.pause(); 
    			},
    			resume()
    			{
    				  this.$refs.txplay.resume(); 
    			},
    			full()
    			{
    				this.$refs.txplay.full(true); //全屏
    			},
    			full2()
    			{
    				this.$refs.txplay.full(false); //非全屏
    			} 
    			
    			
    			
    			
    			回调  
    			
    			
    			 开始全屏       type =  onStartFullScreenPlay;
    			
    			 停止全屏       type = onStopFullScreenPlay;
    			
    			  
    			 点击了返回按钮       type = onClickSmallReturnBtn;
    			 
    			
    			 截图回调       type = onSnapshot  path =  ”截图的地址“  ;   
    			
    			  开始播放      type = onPlayBegin ;
    			
    			 暂停播放       type = onPlayPause ;
    			
    			  停止播放      type = onPlayStop ;
    			
    			 加载中       type = onPlayLoading ;
    			
    			  进度条      type = onPlayProgress   current = 10   duration = 100;
    					
    			
    			 进度被滑动       type = onSeek     current  = 20;
    			
    			  切换流开始      type = onSwitchStreamStart;
    			
    			  切换流停止      type = onSwitchStreamEnd ;
    			
    			        type = onError     code = -1       message =  ”某某错误信息“;
    					
    					
    					
    					
    					
    					
    					
    

    以下内容是腾讯云播放器sdk官方说明:

    目录结构说明

    本目录包含 Android 版 播放器(Player) SDK 的Demo 源代码,主要演示接口如何调用以及最基本的功能。

    ├─ Demo // 超级播放器Demo,包括音视频播放,后台播放,变速播放,直播、点播秒开,清晰度无缝切换
    |  ├─ app                   // 程序入口界面
    |  ├─ superplayerkit        // 超级播放器组件
    |  ├─ superplayerdemo       // 超级播放器 Demo
    |  
    ├─ SDK 
    │  ├─ LiteAVSDK_Player_x.y.zzzz.aar        // 如果您下载的是 Player 专用 zip 包,解压后将出现此文件夹,其中 x.y.zzzz 表示 SDK 版本号 
    |  ├─ LiteAVSDK_Professional_x.y.zzzz.aar // 如果您下载的是专业版 zip 包,解压后将出现此文件夹,其中 x.y.zzzz 表示 SDK 版本号 
    |  ├─ LiteAVSDK_Enterprise_x.y.zzzz.aar   // 如果您下载的是企业版 zip 包,解压后将出现此文件夹,其中 x.y.zzzz 表示 SDK 版本号 
    

    SDK 分类和下载

    腾讯云 Player SDK 基于 LiteAVSDK 统一框架设计和实现,该框架包含直播、点播、短视频、RTC、AI美颜在内的多项功能:

    相关文档链接

    目录结构说明

    本目录包含 iOS 版 播放器(Player) SDK 的Demo 源代码,主要演示接口如何调用以及最基本的功能。

    ├─ SDK 
    |  ├─ TXLiteAVSDK_Professional.framework // 如果您下载的是专业版 zip 包,解压后将出现此文件
    |  ├─ TXLiteAVSDK_Enterprise.framework   // 如果您下载的是企业版 zip 包,解压后将出现此文件
    |  ├─ TXLiteAVSDK_Player.framework   // 播放器framework
    ├─ Demo // 超级播放器Demo
    ├── ReplaykitUpload
    └── TXLiteAVDemo
        ├── App               // 程序入口界面
        ├── SuperPlayerDemo   // 超级播放器 Demo
        └── SuperPlayerKit    // 超级播放器组件
    

    SDK 分类和下载

    腾讯云 Player SDK 基于 LiteAVSDK 统一框架设计和实现,该框架包含直播、点播、短视频、RTC、AI美颜在内的多项功能:

    相关文档链接

  • 相关阅读:
    JavaScript的MVC模式
    【收藏】关于团队合作的css命名规范
    【推荐】前端资源推荐
    JavaScript完美验证URL正则
    【原创】JavaScript中的cookie学习
    jquery实现无限滚动瀑布流实现原理
    常用浏览器本地存储的几种方案对比
    事件触发的一个细节设计
    IE6中fixed抖动问题的解决(完美无副作用版)
    Web开发者不容错过的20段CSS代码
  • 原文地址:https://www.cnblogs.com/yangqiangche/p/15229784.html
Copyright © 2011-2022 走看看