HLS on iOS

[nadecancode]

#21

[shiyiya]

url

[nadecancode]

https://enime.moe/watch/call-of-the-night/10

Wait I'm going to deploy the version that has 1.0.33

EDIT: Deployed

[nadecancode]

Issue still persists in 1.0.33, source loaded with changeSource can be correctly played and only initial source cannot be loaded natively on iOS

[nadecancode]

Example implementation here https://github.com/Enime-Project/enime.moe/blob/8164e44b361b8e1eeb6e5ce77bed8c877fbbad0b/components/player/index.vue#L36

[shiyiya]

try refresh cache.

[nadecancode]

Opened in incognito which is not supposed to have cache, still same result.

[shiyiya]

https://cache.387e6278d8e06083d813358762e0ac63.com/222870623924.m3u8

[nadecancode]

Ok just tried the implementation in example and it works. Weird.

[shiyiya]

💯

[nadecancode]

The heck, it doesn't play on my actual iPhone lmao?

[shiyiya]

Maybe there is a difference between the emulator and the real machine?

[nadecancode]

the real machine is able to play the example in repository but not on the site

[shiyiya]

可能你链接404了 Try more

[nadecancode]

Tried a lot already lol, it is able to play on standalone example with same link

[shiyiya]

Works well on the emulator

[nadecancode]

Weirdly, if loaded by changeSource it successfully plays

[nadecancode]

Ok I'm suspecting it's because of SSR, gimme few moments

[nadecancode]

Nevermind still no luck, it's so weird

[nadecancode]

Ok nevermind, I don't know why but the site is only able to play backup source properly instead of triggering with changeSource, this is even weirder because they're both m3u8 and only iOS cannot play this @shiyiya

[nadecancode]

@shiyiya LMAO what the heck, the subtitle option in UI plugin is the gamechanger

[nadecancode]

If I remove subtitle option the primary source will be able to play

[nadecancode]

@shiyiya OK I think it's because of how iOS handles subtitles natively. Currently I have this ts ui({ fullscreenWeb: false, subtitle: { source: sourceRef.value.subtitle ? [ { default: true, src: sourceRef.value.subtitle } ] : [], fontSize: 30, enabled: true } })]) since subtitlechange event only accepts source payload, and since primary source has burnt-in subtitles (means no external ones, leading to empty subtitle array) the iOS will fail to render to video because OPlayer tells iOS devices that subtitles are there but in reality subtitle is an empty array (since enabled is true)

[nadecancode]

The track element is getting created no matter what

[nadecancode]

oplayer/packages/ui/src/components/Subtitle.ts

Line 138 in 96a2f96

const { src, encoding, type } = currentSubtitle! // 如果没有则不会调用

If currentSubtitle does not exist, then the track src will not be set but the track element is there. I think this is the different between iOS real device and emulator that the real device cannot accept a track element with no src

[nadecancode]

oplayer/packages/ui/src/components/Subtitle.ts

Line 138 in 96a2f96

const { src, encoding, type } = currentSubtitle! // 如果没有则不会调用

If currentSubtitle does not exist, then the track src will not be set but the track element is there. I think this is the different between iOS real device and emulator that the real device cannot accept a track element with no src

Or it's chrome behavior, since emulator uses Safari

[shiyiya]

可以测试一下ios真机能不能空track， 这里说了 只有currentSubtitle不为空才会被调用

[nadecancode]

应该是Chrome的问题, Safari没这问题

[shiyiya]

[shiyiya]

can control the loading and progress but clicking play video will not start

[nadecancode]

Tested latest patch and it works 💯