Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Videosphere is no longer working in ios 14. Its completely black. #4684

Closed
raj457036 opened this issue Sep 20, 2020 · 10 comments
Closed

Videosphere is no longer working in ios 14. Its completely black. #4684

raj457036 opened this issue Sep 20, 2020 · 10 comments

Comments

@raj457036
Copy link

raj457036 commented Sep 20, 2020

Description:

Everything was working fine untill i updated my phone to ios14. Now the Videosphere is completely black. There no error in console except for the asset load timeout. But the video is playing as i am listening to its events.

And audio is playing.

only m3u8/hls streaming are black.

Please suggest some solution 🥺.

@raj457036 raj457036 reopened this Sep 20, 2020
@dmarcos
Copy link
Member

dmarcos commented Sep 21, 2020

I don't think this is an A-Frame specific problem but some iOS / Safari video playback incompatibility. Maybe not supported format? FWIW, I cannot open the standalone video url on Safari and iOS 13.7 either: https://bitmovin-a.akamaihd.net/content/playhouse-vr/m3u8s/105560.m3u8

@kfarr might have some insight

@raj457036
Copy link
Author

raj457036 commented Sep 22, 2020

i am able to play this URL https://bitmovin-a.akamaihd.net/content/playhouse-vr/m3u8s/105560.m3u8 directly in iOS 14 safari and its playing fine.

@dmarcos do you have any workaround or suggestion?

I am also getting this problem with the Google's vrview! only audio and black screen. hls/m3u8 format

@kfarr
Copy link
Contributor

kfarr commented Sep 23, 2020

Hi Raj, yes I am also able to play back that file OK in iOS 14 Safari so it's likely not a codec / OS decoding issue.

I think the unfortunate answer is that video playback in webgl in general is challenging with difficult edge cases for different platforms, codecs, etc. I think it is beyond the scope of A-Frame to be able to make all those combinations work perfectly given these are lower level issues.

@raj457036
Copy link
Author

is there any way to use a canvas as a source for a-videosphere?

I am able to get video texture on a canvas but how to use that for a-videosphere?

@kfarr
Copy link
Contributor

kfarr commented Sep 27, 2020

It is possible but performance is not great using canvas for video playback
https://github.com/kfarr/aframe-canvas-video/blob/master/index.html

@rcpassos
Copy link

rcpassos commented Nov 5, 2020

I have the same issue. Any update? Thanks

@dmarcos
Copy link
Member

dmarcos commented Nov 5, 2020

Notice there's likely no fix to be done on the A-Frame side. Make sure your video is CORS delivered and your site complies with user gesture policies to initiate video playback. Also make sure videos are in a format compatible with your targeted device and browser. I have no specific advice since I'm not an expert on video encoding and delivery.

FWIW, below an example of a video-sphere and A-Frame master that works both on Safari iOS 14.1 (iPhone X) and Chrome 86 / 88 on Android 11 (Pixel 3)

https://quixotic-neighborly-watchmaker.glitch.me/

Code: https://glitch.com/edit/#!/quixotic-neighborly-watchmaker?path=index.html%3A1%3A0

@dmarcos dmarcos closed this as completed Nov 5, 2020
@tiagovignatti
Copy link

Tests I've performed:

  • iOS 14.2: audio, image & gyro are working fine
  • iOS 14.1: audio okay but black screen
  • iOS 14.0.1: audio okay but black screen
  • iOS 13.7: audio, image & gyro are working fine
  • iOS 13.6: audio, image & gyro are working fine

Tested on iPhone 7 and iPhone 11, using Safari and Chrome Browser. I hope it helps someone :)

@dmarcos
Copy link
Member

dmarcos commented Nov 20, 2020

@dchan38098
Copy link

Out of curiosity, did anyone get this working with iOS 14? I've tried the example posted by @dmarcos and it seems to produce the same issue on iOS 14.6 (Safari browser).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants