iOS 14.8: Only sound with VideoTexture when using HLS/m3u8 (works with Babylon.js)
See original GitHub issueDescribe the bug
VideoTexture
displays black with .m3u8 stream on iOS 14.8. Sound is working. Same device with similar webGL example in Babylon isn’t broken.
To Reproduce
Steps to reproduce the behavior:
- Go to https://tis0u.csb.app/
- Click to start playing video
- Audio plays, but no image appears on cube
A similar example in Babylon can be found here and works on the same device: https://www.babylonjs-playground.com/#9FSDC7#49
Code
https://codesandbox.io/s/cranky-mountain-tis0u?file=/src/index.js
Live example
Expected behavior
Both audio and video should play on the cube
Fails on:
- Device: iPhone 8
- OS: 14.8
- Browser: Safari
- Three.js version: r133
Tested and works on:
- OSX Chrome
- OSX Safari
- Android Chrome
Issue Analytics
- State:
- Created 2 years ago
- Comments:7 (3 by maintainers)
Top Results From Across the Web
VideoTexture Bug when adding a HLS Stream on Iphone 12
The Audio is working but and in fullscreen, the video seems to play but when looking at the texture there is nothing displayed....
Read more >Video Texture with Alpha and Apple Device Issues - Questions
Here is the playground displaying the video texture with alpha. This playground bear is shown with alpha in GoogleChrome, but with a black ......
Read more >Is there a way to spatialize the audio in HLS/m3u8? - Questions
I tried to use HLS to construct a video element from m3u8, then create a videoTexture and Sound obj from the video element...
Read more >Spatial Sound Sourced from A Video Texture File - Questions
I believe audio textures are handled at DOM natively in not in engine, so was thinking probably not, but was not 100% sure....
Read more >Sound issues on iOS - Questions - Babylon.js Forum
The issue is still there. Tested on iPhone 11 pro, iOS 14.3, neither Safari or Chrome works. The sound will not be OK...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Same result as the last one.
Closing for now…