oppo手机ios音乐播放器暂停自动暂停使用

oppo手机播放器自动暂停使用_百度知道
oppo手机播放器自动暂停使用
我有更好的答案
看看是不是有新的版本需要下载更新你好,打开系统更新,这种情况有可能是有新的版本需要升级
其他类似问题
为您推荐:
oppo手机的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁视频播放的那些事 - 推酷
视频播放的那些事
视频作为淘宝教育业务的基础服务,本文根据自身在手淘中视频播放的实践,谈谈在手淘中视频播放遇到的问题及其解决方案。
在手淘过去一年多的历史长河中存在五种类型的播放器。
原生 HTML5 video 标签
Android 5.3.2 版本之后的 UC 内核增强 SAC 播放器
Android 5.4.9 版本之后的 UC HAC 播放器
Android 5.3.2 版本之前的 Glue native 播放器
Android 5.3.2 版本及其之后的 PlayBuddy 播放器
下面从支持平台,loading 动画,全屏,模拟全屏和兼容性五个方面对各个播放器做个横向对比。
video Android
android手淘
android手淘&=5.3.2
android手淘&=5.4.9
android手淘&=5.3.2
android手淘&5.3.2
不可定制,丑陋
控件可定制性
支持竖全屏
支持竖全屏
一般,不兼容 android 5.0及以上
接口与事件封装
上面介绍了手淘中可供 WebView 选择的播放器,对于业务方而言迫切需要一个解决方,无需关心底层差异。为此,我们屏蔽移动端不同系统平台、宿主环境、播放器的实现细节和兼容性问题,提供统一的接口和事件,具体如下:
pause 暂停
requestFullscreen 全屏
exitFullScreen 退出全屏
getCurrentTime 获取当前播放时间
setCurrentTime 设置播放时间
getDuration 获取视频时长
setPoster 设置背景图
destory 销毁
reset 重置视频
timeupdate 进度更新
ended 停止
error 错误
play (专指video)
pause 停止(专指video)
firstpaint 视频真正开始播放(专指video)
controls 播放控件(专指video)
兼容性处理
接下来谈谈在开发过程中遇到的各种小问题及其解决办法。
内联播放。iPhone 在视频播放时默认全屏播放,
WebView 中,可以对 UIWebView 做如下配置,并且在 video 中配置 webkit-playsinline 属性即可:
webview.allowsInlineMediaPlayback = YES;
iPhone Safari 在 IOS &= 8 的系统中,有人也提出了一个
自定义播放控件
部分 Android 机型不支持内置控件,或者说内置控件无法正常使用;各个产品都有特定的视觉规范,默认控件的交互和视觉无法满足需求。因此,我们推荐默认不启用默认控件,采用自定义控件。
IOS 下播放时还可能还展示系统自带播放按钮,可以配置如下 CSS。
video::-webkit-media-controls-start-playback-button {
display: none;}
poster 视频底图
在 iPhone 中视频加载完第一帧数据后会覆盖 Poster 底图展示第一帧画面,这时可以使用 DIV 覆盖在视频上方模拟,监听 timeupdate 事件做隐藏操作。
在 UC WebView 中动态设置 poster 可能会导致手淘 crash,方案跟上方一样。
在使用 Native 播放器时,在播放器未初始化时使用 DIV 替换 video 标签,并设置底图为背景图。
播放首屏:IOS 通过监听 playing 事件可以准确获取视频播放的时间点;Android 中在该事件触发时,还没真正开始播放。我们通过监听 timeupdate 的事件做模拟处理。
_timeUpdate(e) { var currentTime = this.getCurrentTime();
// 判断是否为首帧 if (currentTime !== undefined && currentTime !== 0) {
this.fire('firstpaint');
}}_playing() {
if (Env.os.ios) {
this.fire('firstpaint');
视频切换 :在android 4.4 以下版本,在视频切换时存在第一次切换不能正常播放,第二次才能正常播放情况。通过调试人肉分析,发现切换视频的 video 存在以下两个特征:readyState 值为 0,videoWidth 为 0。因此我们判断当两个属性为0时,则切换失败,再次调用播放逻辑。存在误判的可能,但是能保证正常工作。
isWork() {
if (videoEl.readyState === 0 && videoEl.videoWidth === 0) {
return false;
return true;}
全屏:手淘 IOS 支持竖全屏效果,Android 虽然具有全屏方法,但是被手淘限制,调用全屏方法无效。
方案一 :为了支持横全屏,我们使用 css3 的 rotate 对视频区域进行90度旋转,并且调用 bridge 接口隐藏 native 顶部的 navibar,并对自定义控件进行响应优化调整。基本到达 native全屏效果。当然顶部状态栏不能隐藏还是有些小瑕疵。同时旋转之后元素的 z-index失效,导致视频覆盖控件问题,可以通过设置 -webkit-transform: translate3d(0,0,0) 来修复
requestFullscreen() {
var element = this.el[0];
var method = FullscreenApi.requestF
if (method) {
element[method]();
} else if (element.webkitEnterFullscreen || element.enterFullScreen) {
element.webkitEnterFullscreen && element.webkitEnterFullscreen();
element.enterFullScreen && element.enterFullScreen();
// 模拟全屏
// enterFullWindow();
}}// 模拟全屏js核心代码_mockFullscreen() {
if (curEl.hasClass('normal')) {
this.fullscreen = false;
playerEl.css({
width: this.originWidth,
height: this.originHeight,
}).removeClass('fullscreen');
wrapperEl.css({
width: this.wrapperOriginWidth,
height: this.wrapperOriginHeight
videoEl.css('height', '100%');
curEl.removeClass('normal');
contentEl.removeClass('fullscreen');
this.fullscreen = true;
this.originWidth = playerEl.width();
this.originHeight = playerEl.height();
this.wrapperOriginWidth = wrapperEl.width();
this.wrapperOriginHeight = wrapperEl.height();
playerEl.css({
width: $(window).height(),
height: $(window).width(),
left: $(window).width()
}).addClass('fullscreen');
wrapperEl.css({
width: $(window).height(),
height: $(window).width()
videoEl.css('height', videoEl.height() - controlsHeight);
curEl.addClass('normal');
contentEl.addClass('fullscreen');
预览地址(请用手淘扫码):
方案二 。方案一只是模拟了横全屏效果,对于追求完美的处女座不能忍。还有其他方案吗?有时候只需要转换下思维,问题即可迎刃而解。既然是横屏播放,只需要让 WebView 横屏即可,同时在横屏之后重新调整控件即可,关键手淘提供了打开应用横全屏的接口。注意点:横屏之后需要禁止页面滚动,要不然全屏就露馅了,因为本质还是个 WebView。
if (this.transverseFullScreen) {
if (curEl.hasClass('normal')) {
curEl.removeClass('normal');
this._transverseFullScreen(false).then(() =& {
$('body').removeClass('co-fullscreen').attr({ height: 'auto' });
this.videoWrapperEl.height(this.videoOriginHeight).removeClass('fullscreen');
this.player.fire('transversefullscreen', { fullscreen: false });
this.resize();
curEl.addClass('normal');
this._transverseFullScreen(true).then(() =& {
$('body').addClass('co-fullscreen').attr({ height: win.height() });
this.videoWrapperEl.height(win.height()).addClass('fullscreen');
this.player.fire('transversefullscreen', { fullscreen: true });
this.resize();
手淘 IOS 扫码:
方案3 。在 UC HAC 方案视频提供全屏接口 UCSettings.setVideoViewFullscreenByDefault(true),开启后,视频全屏默认为横屏
出于用户节省用户流量考虑,iPhone 下播放视频需要用户手动触发,即使配置了 autoplay 属性也是无效的。在业务中,特定场景还是需要视频能够自动播放,对此我们可以监听页面的 touchstart 事件,做如下处理:
if (this.auoplay && env.app.TB && env.network.wifi) {if (player.getCurrentTime() & 0 && !player.isPause()) {
return;}if (this.hasAutoPlay) {
return;}this.hasAutoPlay = true;startEl.trigger('click');function autoplay() {
doc.detach('touchstart', autoplay);
if (player.getCurrentTime() & 0) {
startEl.trigger('click'); } doc.on('touchstart', autoplay);}
部分机型手淘低版本使用 video 播放时,会出现有声音没画面的问题,升级手淘后即恢复。例如,小米4 手淘 4.2.0
IOS 5.1 和部分 android 手机暂停和开始按钮不触发点击事件(元素的 :after 为iconfont)。通过父元素添加background即可
Android UC 内核的播放器,在未设置 source 资源时,设置 poster 无效
Android UC 内核的播放器无法自定义控件和样式操作,但是可以正常的监听事件。
直接替换 source 不会改变当前正在播放的视频,需要调用 load 方法。
UC 浏览器中 video 标签会被 UC 的播放器插件替换
使用 m3u8 和 mp4 基本可以兼容所有机型
在 IOS 视频初始化后设置 currrentTime 无效,在 loadedmetadata 事件触发后,设置 currentTime 即可。
native播放器
Glue:Glue native 播放器在页面跳转,WebView 后退等操作时,不会自动析构,好的情况是视频依然在背后播放,有时候会直接导致手淘 crash。
PlayBuddy:在页面跳转时依然会继续播放 处理方式:页面跳转时需要手动的销毁native播放器。
document.addEventListener('WV.Event.Page.Refresh', $.proxy(this.destory, this), false);document.addEventListener('WV.Event.Key.Back', $.proxy(this.destory, this), false);win.on('unload', $.proxy(this.destory, this));win.on('beforeunload', $.proxy(this.destory, this));
Glue 播放器使用 dip 作为播放器的定位单位,rem 布局会对页面进行缩放,导致定位位置和视频大小错误。同时定位时参数有小数点会导致播放器错误。
/__ * 返回值需要是整数,否则会有异常 */_getVedioPos(isDpr) {
var el = this.el,
offset = el.offset(),
if (isDpr) {
dpr = this._getDpr();
x: parseInt(offset.left / dpr),
y: parseInt(offset.top / dpr),
w: parseInt(el.width() / dpr),
h: parseInt(el.height() / dpr)
视频源地址:Glue 播放器不支持以 // 开始的视频资源,例如 //video.xxx
PlayBuddy 播放器不会随着页面滚动而滚动。
如果业务中需要在手淘中播放视频,IOS 直接使用原生 video 即可。在 Android 中较为复杂,没有完全兼容的方案。建议使用 video,对于 Android 低版本建议使用native 播放器。随着uc内核接入,未来完全抛弃 native 方案也是可行的。
本文基于过去一年在手淘视频播放过程中遇到问题的小结,后续会整理视频监控和视频娱乐化相关内容。
附:手淘同学播放器兼容性表
操作系统版本
播放器控件
视频列表切换
观看进度同步
模式二点最大化crash
模式二,播放有问题
MX3(安装不上)
模式二可能播放不了
模式二可能播放不了
进度条拖动会跳
&一直展示loading的图片
模式二播放不了
高清视频不能播放
高清的播放不了
xperia 36l
模式一,模式二播放均有问题
第二种模式crash
注:模式1为video,模式2为glue native播放器
已发表评论数()
请填写推刊名
描述不能大于100个字符!
权限设置: 公开
仅自己可见
正文不准确
标题不准确
排版有问题
没有分页内容
图片无法显示
视频无法显示
与原文不一致查看: 3596|回复: 16
F886没规则的自动停止播放音乐
TA的每日心情奋斗 00:07签到天数: 5 天[LV.2]偶尔看看I
日版的f886,没有任何自动清理的程序,音乐格式有wav也有mp3还有flac,有时候可以方便2、3个小时不间断,但是有时候就一首歌眼盯着都看见播放一会就自动停止了,邪气了,有哪位仁兄有什么招么??
头像被屏蔽
TA的每日心情擦汗 05:42签到天数: 29 天[LV.4]偶尔看看III
提示: 作者被禁止或删除 内容自动屏蔽
TA的每日心情怒 20:21签到天数: 15 天[LV.4]偶尔看看III
可能你播放模式 播放范围没选好。只播了一个文件夹或专辑。完成后就停止了。
TA的每日心情怒 20:21签到天数: 15 天[LV.4]偶尔看看III
或者有些歌曲格式不支持兼容或转玛有误也会停止。
TA的每日心情怒 07:59签到天数: 910 天[LV.10]以坛为家III
格式问题吧
TA的每日心情慵懒 20:45签到天数: 19 天[LV.4]偶尔看看III
格式问题~~LZ甚至可以把有问题的曲子拿到手机上播放试验~~~
TA的每日心情慵懒 19:27签到天数: 15 天[LV.4]偶尔看看III
大家都把歌曲mediainfo和画面截图贴出来,不然一张大嘴谁都能讲。
我碰到几个案例一看系统反馈很明显就解决,当事人选择性屏蔽了很多信息。
TA的每日心情怒 10:05签到天数: 24 天[LV.4]偶尔看看III
没有遇到过!
TA的每日心情慵懒 13:41签到天数: 163 天[LV.7]常住居民III
zk也有的。再开好了。智能机可能就是这样啊。
TA的每日心情郁闷 09:12签到天数: 14 天[LV.3]偶尔看看II
nion:0013:
LZ和我遇见一样的情况了吧,如果是MP3格式,作者弄虚作假把后续名改成了FLAC,885是识别不了的。。
要把后续名改正确
TA的每日心情怒 07:59签到天数: 910 天[LV.10]以坛为家III
jay438 发表于
LZ和我遇见一样的情况了吧,如果是MP3格式,作者弄虚作假把后续名改成了FLAC,885是识别不了 ...
原来是假无损格式啊
TA的每日心情郁闷 20:52签到天数: 699 天[LV.9]以坛为家II
jay438 发表于
LZ和我遇见一样的情况了吧,如果是MP3格式,作者弄虚作假把后续名改成了FLAC,885是识别不了 ...
竟然还有这种作假手段。。。
看看音乐的长度和体积就ok了
TA的每日心情郁闷 09:12签到天数: 14 天[LV.3]偶尔看看II
Gardevoir 发表于
竟然还有这种作假手段。。。
看看音乐的长度和体积就ok了
nion:0013:
你不知道啊,也可能是WAV 也可能是FLAC,甚至是不支持的APE,必须要完全改对才能播放~ 而且MP3格式也能弄成超大的
转格式时做点手脚就行
TA的每日心情郁闷 20:52签到天数: 699 天[LV.9]以坛为家II
jay438 发表于
你不知道啊,也可能是WAV 也可能是FLAC,甚至是不支持的APE,必须要完全改对才能播放~ 而且 ...
如果是恶意更改无损的扩展名这个可真的就是无语了。。。(实在不行那就全部试试吧。。。wav, aiff, alac, flac, tak, ape, wv)
有损转无损的话,看看频谱就行了。。。
我都是自己转的
TA的每日心情郁闷 09:12签到天数: 14 天[LV.3]偶尔看看II
Gardevoir 发表于
如果是恶意更改无损的扩展名这个可真的就是无语了。。。(实在不行那就全部试试吧。。。wav, aiff, alac, ...
nion:0013:
也有善意更改拓展名的,就遇过KUGO里,必须要注册登录才能下载无损格式,作者为了下载者方便,把FLAC改成了MP3,
我就是这样发现了这个问题~
TA的每日心情郁闷 20:52签到天数: 699 天[LV.9]以坛为家II
jay438 发表于
也有善意更改拓展名的,就遇过KUGO里,必须要注册登录才能下载无损格式,作者为了下载者方 ...
学习了nion:0004:
TA的每日心情奋斗 00:07签到天数: 5 天[LV.2]偶尔看看I
本帖最后由 wangluo88888 于
22:37 编辑
已经确定是f886犯病了,因为播放的文件都是之前可以正常播放的,估计是冬天了静电太多短路了,嘿嘿,后来我关机了2个小时以后再开就正常了,另外有一些我想播放音乐文件老是在播放器无法播放,并且是wav格式的(已经通过gspot查看确定是wav格式),就是沙沙的声音,在电脑是正常的,大家可以试试看(自己添加分隔符,没有权限发链接)
/d67zyAQJdZQCvpJhS1a8
顺便一问:内部的音乐播放器和play音乐&&播放器有什么区别??播放的效果一样么?小白望大家勿笑
客观 包容 敏锐 专业
iMP3.net 随身数码影音
意见反馈:
推广合作:139
莫凡配件:135
All Rights Reserved.oppo高清播放器RS-232代码_百度文库
两大类热门资源免费畅读
续费一年阅读会员,立省24元!
评价文档:
oppo高清播放器RS-232代码
上传于||暂无简介
大小:775.00B
登录百度文库,专享文档复制特权,财富值每天免费拿!
你可能喜欢后使用快捷导航没有帐号?
主题帖子积分
Lv4.初涉江湖, 积分 491, 距离下一级还需 9 积分
彩虹糖:308
音乐播放器在播放歌曲停顿
当前手机型号
正式版-150724
媒体 > 音乐
必现(90%-100%)
下载歌曲之前试听,一切正常,可是下载到手机中播放有短暂的停顿
下载歌曲之前试听,一切正常,可是下载到手机中播放有短暂的停顿
下载歌曲之前试听,一切正常,可是下载到手机中播放有短暂的停顿,是什么原因
主题帖子积分
金钱:7685
彩虹糖:836
请提供下卡顿的音乐名字,,我们测试下。谢谢
主题帖子积分
彩虹糖:308
主题帖子积分
彩虹糖:308
短暂的大概就在一秒的停顿
主题帖子积分
金钱:7685
彩虹糖:836
从自带音乐下载的么。工程师看下
彩虹糖8245
主题帖子积分
金钱:8420
彩虹糖:8245
我这边测试了下,没有出现这样的问题啊,是自带音乐下载的音乐吗?
主题帖子积分
彩虹糖:308
是的,下载前一切正常,下载到手机上就出现异常,我手机上有400多首歌,也不是所有歌曲斗出现次情况,但是有一部分歌曲又此异常,我用3007半年在六月份久出现此情况,现在用a51还是这样
彩虹糖8245
主题帖子积分
金钱:8420
彩虹糖:8245
能否将有问题的歌曲打包上传到这里,我们根据你提供的歌曲再次测试一下~
主题帖子积分
彩虹糖:308
我不会操作
主题帖子积分
金钱:7685
彩虹糖:836
麻烦提供下音乐下载来源和名字

我要回帖

更多关于 播放器暂停图标 的文章

 

随机推荐