ArtPlayer icon indicating copy to clipboard operation
ArtPlayer copied to clipboard

可以实现在移动设备全屏情况下对字幕的支持吗?

Open oyjcmyn opened this issue 2 years ago • 14 comments

如,要IOS设备下,当全屏时,还可以显示字幕和切换字幕。 如下图:使用的是video.js 播放器,全屏情况下可以显示和选择字幕。 WechatIMG45

目前IOS设备,和大多数安卓设备中浏览器都支持。个别国内浏览器不太支持(如QQ浏览器)

oyjcmyn avatar Apr 21 '22 09:04 oyjcmyn

这个有意思,我研究一下,你可以把你这个页面的地址发给我吗

zhw2590582 avatar Apr 21 '22 09:04 zhw2590582

http://gg.gg/ynzzd 这个地址

oyjcmyn avatar Apr 21 '22 09:04 oyjcmyn

I am also having this issue, subtitles don't appear in mobile videos when in fullscreen. Is there an ETA on this?

JLdev0 avatar Aug 22 '22 04:08 JLdev0

@zhw2590582 iOS好像可以自动显示里面的字幕 但是Artplayer貌似把track的kind设置成了metadata导致iOS全屏不显示字幕?

nadecancode avatar Aug 22 '22 21:08 nadecancode

@zhw2590582 iOS好像可以自动显示里面的字幕 但是Artplayer貌似把track的kind设置成了metadata导致iOS全屏不显示字幕?

因为Artplayer貌似是把字幕用emit提取出来放到另外一个div实时显示 但是如果iOS进入了全屏之后就只会显示 video 的部分了

所以是否可以试一下区分设备是否是手机, 如果是手机就直接用自带的track显示。。

nadecancode avatar Aug 22 '22 21:08 nadecancode

@JLdev0 When I started writing, I didn't know that IOS had this multi-subtitle switching function. It would be a bit complicated to adjust it. I will see how to do it later.

@NADESHIKON 开始写的时候,不知道IOS有这个多字幕切换功能,调整的话会有点复杂,我后面看看怎么弄

zhw2590582 avatar Aug 23 '22 01:08 zhw2590582

@JLdev0 When I started writing, I didn't know that IOS had this multi-subtitle switching function. It would be a bit complicated to adjust it. I will see how to do it later.

@NADESHIKON 开始写的时候,不知道IOS有这个多字幕切换功能,调整的话会有点复杂,我后面看看怎么弄

好的 或者也可以像videojs一样弄一个伪全屏 https://videojs.com/guides/options/#preferfullwindow

nadecancode avatar Aug 23 '22 01:08 nadecancode

@NADESHIKON 这是网页全屏吧:https://artplayer.org/document/zh-cn/propertie#fullscreenweb

zhw2590582 avatar Aug 23 '22 01:08 zhw2590582

@NADESHIKON 这是网页全屏吧:https://artplayer.org/document/zh-cn/propertie#fullscreenweb

但是fullscreenWeb会让iOS全屏的时候接管 而videojs的这个选项不会

nadecancode avatar Aug 23 '22 01:08 nadecancode

@NADESHIKON 这是网页全屏吧:https://artplayer.org/document/zh-cn/propertie#fullscreenweb

但是fullscreenWeb会让iOS全屏的时候接管 而videojs的这个选项不会

这种伪全屏也有一个好处就是可以显示弹幕

nadecancode avatar Aug 23 '22 01:08 nadecancode

@NADESHIKON 我看了下videojs的源码,这个选项的意思是,是否在不支持系统级别的视频全屏时,降级使用网页全屏 这其实和fullscreenweb差不多,只是我这边没有这个降级,而是区分了fullscreenfullscreenweb,还是说你希望添加这个降级功能?

zhw2590582 avatar Aug 23 '22 01:08 zhw2590582

@NADESHIKON 我看了下videojs的源码,这个选项的意思是,是否在不支持系统级别的视频全屏时,降级使用网页全屏 这其实和fullscreenweb差不多,只是我这边没有这个降级,而是区分了fullscreenfullscreenweb,还是说你希望添加这个降级功能?

抱歉是我弄混了。。 我不知道为什么iPad不会显示fullscreenWeb的icon 导致开的是fullscreen

nadecancode avatar Aug 23 '22 01:08 nadecancode

@NADESHIKON 我看了下videojs的源码,这个选项的意思是,是否在不支持系统级别的视频全屏时,降级使用网页全屏 这其实和fullscreenweb差不多,只是我这边没有这个降级,而是区分了fullscreenfullscreenweb,还是说你希望添加这个降级功能?

那请问是否可以做到让desktop开fullscreen的时候是全屏而mobile则是fullscreenWeb的behavior

nadecancode avatar Aug 23 '22 01:08 nadecancode

@NADESHIKON 你可以在写配置的时候用Artplayer.utils.isMobile判断一下: demo

zhw2590582 avatar Aug 23 '22 01:08 zhw2590582

4.5.5版本里添加了IOS全屏下的字幕支持,但目前只支持单个字幕选择

zhw2590582 avatar Sep 19 '22 02:09 zhw2590582