uniapp 安卓YYEVAPlayer MP4礼物播放器原生插件

2024-03-04 16:28

本文主要是介绍uniapp 安卓YYEVAPlayer MP4礼物播放器原生插件,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

插件介绍

安卓YYEVAPlayer MP4礼物播放器原生插件,是一个轻量的动画渲染库,使用Native Opengles 渲染视频,为你提供高性能、低开销的动画体验

对比传统的序列帧的动画播放方式,具有更高的压缩率,硬解码效率更高的优点,同时支持插入动态的业务元素;对比SVGA、Lottie等播放器,支持更多的特效支持,如复杂3D效果、描边、粒子效果等,达到所见即所得的效果。
本插件是根据github开源代码https://github.com/yylive/YYEVA开发,详情请参考github

插件地址

安卓YYEVAPlayer MP4礼物播放器原生插件 - DCloud 插件市场

详细使用文档 

uniapp安卓YYEVAPlayer MP4礼物播放器原生插件

超级福利

 uniapp leven系列插件购买超级福利

用法

 在需要使用插件的页面加载以下代码

  <leven-yyevaPlayer ref="refLevenYyevaPlayer" style="flex:1; height: 300px;" @onDownloadStart="onDownloadStart" @onDownloading="onDownloading"@onDownloadComplete="onDownloadComplete" @onDownloadError="onDownloadError" @onVideoStart="onVideoStart" @onVideoRestart="onVideoRestart"@onVideoComplete="onVideoComplete" @onVideoDestroy="onVideoDestroy" @onVideoError="onVideoError"></leven-yyevaPlayer>

页面内容

<template><view><uni-card title="uniapp安卓YYEVAPlayer MP4礼物播放器原生插件"><leven-yyevaPlayer ref="refLevenYyevaPlayer" style="flex:1; height: 300px;" @onDownloadStart="onDownloadStart" @onDownloading="onDownloading"@onDownloadComplete="onDownloadComplete" @onDownloadError="onDownloadError" @onVideoStart="onVideoStart" @onVideoRestart="onVideoRestart"@onVideoComplete="onVideoComplete" @onVideoDestroy="onVideoDestroy" @onVideoError="onVideoError"></leven-yyevaPlayer><button type="primary" @click="play">开始播放</button><button type="primary" @click="stop">停止播放</button><button type="primary" @click="logStr = ''">清空日志</button></uni-card><uni-card class="uni-card-box" title="日志"><view><text style="font-size: 14px; flex-wrap: wrap;">{{logStr}}</text></view></uni-card></view>
</template><script>export default {data() {return {logStr: ""}},methods: {// 开始播放play() {if (this.$refs.refLevenYyevaPlayer) {this.$refs.refLevenYyevaPlayer.play({url: "http://lxcode.bs2cdn.yy.com/084e52e9-fd58-4967-ba8b-cd3c4d6c1849.mp4"}, res => {this.writeLog(JSON.stringify(res))})}},// 停止播放stop() {if (this.$refs.refLevenYyevaPlayer) {this.$refs.refLevenYyevaPlayer.stop(res => {this.writeLog(JSON.stringify(res))})}},// 网络地址开始下载onDownloadStart(e) {this.writeLog("onDownloadStart:" + JSON.stringify(e))},// 网络地址下载中onDownloading(e) {this.writeLog("onDownloading:" + JSON.stringify(e))},// 网络地址下载完成onDownloadComplete(e) {this.writeLog("onDownloadComplete:" + JSON.stringify(e))},// 网络地址下载出错onDownloadError(e) {this.writeLog("onDownloadError:" + JSON.stringify(e))},// 视频开始播放onVideoStart(e) {this.writeLog("onVideoStart:" + JSON.stringify(e))},// 视频重复播放onVideoRestart(e) {this.writeLog("onVideoRestart:" + JSON.stringify(e))},// 视频播放结束onVideoComplete(e) {this.writeLog("onVideoComplete:" + JSON.stringify(e))},// 播放器被销毁onVideoDestroy(e) {this.writeLog("onVideoDestroy:" + JSON.stringify(e))},// 播放出错onVideoError(e) {this.writeLog("onVideoError:" + JSON.stringify(e))},// 写日志writeLog(str) {let logStr = uni.$lv.date.format(null, "yyyy-mm-dd hh:MM:ss") + " " + str + "\n";this.logStr = logStr + this.logStr;}}}
</script><style></style>

插件方法

  1. 开始播放
  2. 停止播放

插件事件

  1.  网络地址开始下载
  2. 网络地址下载中
  3. 网络地址下载完成
  4. 网络地址下载出错
  5. 视频开始播放
  6. 视频重复播放
  7. 视频播放结束
  8. 播放器被销毁
  9. 播放出错

联系作者

 购买插件前请先试用,试用通过再购买。在试用中如果遇到任何问题,可与作者联系,QQ:334106817,将全力协助你使用本插件

图片预览

相关文档介绍

  • 第一篇:直播间礼物动效 - 实现方案

  • 第二篇:透明MP4礼物

  • 第三篇:变换矩阵在动画上一些应用

  • 第四篇 , 让MP4静态资源也能够动态起来

  • 第五篇设计规范

  • 第六篇数据结构

YYEVA视频教程

  • 视频1相关工具安装
  • 视频2环境搭建
  • 视频3:YYEVA-如何创建一个mask合成
  • 视频4:YYEVA-制作mask_text
  • 视频5:YYEVA-制作mask_image
  • 视频6:YYEVA-如何安装或更新CEP插件

这篇关于uniapp 安卓YYEVAPlayer MP4礼物播放器原生插件的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/773760

相关文章

安卓链接正常显示,ios#符被转义%23导致链接访问404

原因分析: url中含有特殊字符 中文未编码 都有可能导致URL转换失败,所以需要对url编码处理  如下: guard let allowUrl = webUrl.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed) else {return} 后面发现当url中有#号时,会被误伤转义为%23,导致链接无法访问

webm怎么转换成mp4?这几种方法超多人在用!

webm怎么转换成mp4?WebM作为一种新兴的视频编码格式,近年来逐渐进入大众视野,其背后承载着诸多优势,但同时也伴随着不容忽视的局限性,首要挑战在于其兼容性边界,尽管WebM已广泛适应于众多网站与软件平台,但在特定应用环境或老旧设备上,其兼容难题依旧凸显,为用户体验带来不便,再者,WebM格式的非普适性也体现在编辑流程上,由于它并非行业内的通用标准,编辑过程中可能会遭遇格式不兼容的障碍,导致操

EasyPlayer.js网页H5 Web js播放器能力合集

最近遇到一个需求,要求做一款播放器,发现能力上跟EasyPlayer.js基本一致,满足要求: 需求 功性能 分类 需求描述 功能 预览 分屏模式 单分屏(单屏/全屏) 多分屏(2*2) 多分屏(3*3) 多分屏(4*4) 播放控制 播放(单个或全部) 暂停(暂停时展示最后一帧画面) 停止(单个或全部) 声音控制(开关/音量调节) 主辅码流切换 辅助功能 屏

消除安卓SDK更新时的“https://dl-ssl.google.com refused”异常的方法

消除安卓SDK更新时的“https://dl-ssl.google.com refused”异常的方法   消除安卓SDK更新时的“https://dl-ssl.google.com refused”异常的方法 [转载]原地址:http://blog.csdn.net/x605940745/article/details/17911115 消除SDK更新时的“

Maven(插件配置和生命周期的绑定)

1.这篇文章很好,介绍的maven插件的。 2.maven的source插件为例,可以把源代码打成包。 Goals Overview就可以查看该插件下面所有的目标。 这里我们要使用的是source:jar-no-fork。 3.查看source插件的example,然后配置到riil-collect.xml中。  <build>   <plugins>    <pl

jenkins 插件执行shell命令时,提示“Command not found”处理方法

首先提示找不到“Command not found,可能我们第一反应是查看目标机器是否已支持该命令,不过如果相信能找到这里来的朋友估计遇到的跟我一样,其实目标机器是没有问题的通过一些远程工具执行shell命令是可以执行。奇怪的就是通过jenkinsSSH插件无法执行,经一番折腾各种搜索发现是jenkins没有加载/etc/profile导致。 【解决办法】: 需要在jenkins调用shell脚

Jenkins 插件 地址证书报错问题解决思路

问题提示摘要: SunCertPathBuilderException: unable to find valid certification path to requested target...... 网上很多的解决方式是更新站点的地址,我这里修改了一个日本的地址(清华镜像也好),其实发现是解决不了上述的报错问题的,其实,最终拉去插件的时候,会提示证书的问题,几经周折找到了其中一遍博文

uniapp设置微信小程序的交互反馈

链接:uni.showToast(OBJECT) | uni-app官网 (dcloud.net.cn) 设置操作成功的弹窗: title是我们弹窗提示的文字 showToast是我们在加载的时候进入就会弹出的提示。 2.设置失败的提示窗口和标签 icon:'error'是设置我们失败的logo 设置的文字上限是7个文字,如果需要设置的提示文字过长就需要设置icon并给

基于SpringBoot的宠物服务系统+uniapp小程序+LW参考示例

系列文章目录 1.基于SSM的洗衣房管理系统+原生微信小程序+LW参考示例 2.基于SpringBoot的宠物摄影网站管理系统+LW参考示例 3.基于SpringBoot+Vue的企业人事管理系统+LW参考示例 4.基于SSM的高校实验室管理系统+LW参考示例 5.基于SpringBoot的二手数码回收系统+原生微信小程序+LW参考示例 6.基于SSM的民宿预订管理系统+LW参考示例 7.基于

eclipse安装subversion(SVN)版本控制插件

陈科肇 查看插件更新站点 网址:http://subclipse.tigris.org/servlets/ProjectProcess?pageID=p4wYuA 网站截图: 根据自己的eclipse版本,选择需要的更新站点. 使用eclipse集成subservion插件 Help > Install New Software…> 等待下载安装插件…