Tencent / vap

VAP是企鹅电竞开发,用于播放特效动画的实现方案。具有高压缩率、硬件解码等优点。同时支持 iOS,Android,Web 平台。
Other
3.89k stars 523 forks source link

安卓设备下web播放mp4视频出现兼容问题 #120

Open Samoyed66 opened 3 years ago

Samoyed66 commented 3 years ago

安卓9 设备vivo iqoo vue项目 import Vap from 'video-animation-player'插件 "video-animation-player": "^0.2.6"

that.mp4_vap = new Vap({ container: document.getElementById('effect_wrap'), src: mp4Src, config: { 'info': { 'videoW': video.videoWidth / 100 * htmlFontSize, 'videoH': video.videoHeight / 100 * htmlFontSize, 'aFrame': [ 6.955 * htmlFontSize, (that.isVipShopPublic ? 0.65 : 1) * htmlFontSize, window.innerWidth / 100 * htmlFontSize, window.innerHeight / 100 * htmlFontSize ], 'rgbFrame': [ -0.05 * htmlFontSize, (that.isVipShopPublic ? 1.3 : 2) * htmlFontSize, (window.innerWidth / 100 * htmlFontSize * 2), (window.innerHeight / 100 * htmlFontSize * 2) ] } }, width: window.innerWidth / 100 * htmlFontSize, height: window.innerHeight / 100 * htmlFontSize, // 是否循环 loop: true, // 精准模式 accurate: true }) .on('playing', () => { console.log('playing') that.$indicator.close() }) .on('ended', () => { that.mp4_vap = null console.log('play ended') }) return false

安卓设备下web播放mp4视频在微信里面可以正常播放,但是外部除了Chrome以外的浏览器都只播放声音,没有图像,playing事件是监听成功的而且canvas是创建出来的

Samoyed66 commented 3 years ago

而且尝试使用qq浏览器在ios和安卓设备下访问,ios端是可以正常播放,安卓端没有画面