Support for Facebook Live video streams

Hubs-Foundation / hubs

Duck-themed multi-user virtual spaces in WebVR. Built with A-Frame.

https://hubsfoundation.org

Mozilla Public License 2.0

2.13k stars 1.41k forks source link

Support for Facebook Live video streams #1783

Open emclaren opened 5 years ago

emclaren commented 5 years ago

Description If a user posts a Facebook live video to Hubs during the stream it appears as a broken image. Once the stream is complete it can be added successfully to Hubs.

Is it possible to have an ongoing Facebook live stream posted in a Hubs room?

To Reproduce

Create Hubs room
Paste a Facebook live URL into the chat box and click the create button

Expected behavior I would expect the stream to play live

Screenshots During the facebook live stream:

After the stream is complete:

Hardware all

Additional context Community members have asked if this is possible

┆Issue is synchronized with this Jira Task

misslivirose commented 5 years ago

I suspect that FB does something with its encoding that we don't support right out of the box, but I'd call this a new feature or enhancement instead of a bug as the known workable live stream paths are YouTube and Twitch

misslivirose commented 4 years ago

Facebook stream error:

Error adding media Error: "Unsupported content type: application/dash+xml"
    update media-loader.js:589
    S loop-animation.js:71
    r loop-animation.js:71

spencercap commented 4 years ago

this would be an amazing feature! + Youtube Live videos maybe?

emclaren commented 4 years ago

Hi @spencercap - youtube live streams should work already. Just copy and paste the URL into the room

spencercap commented 4 years ago

@emclaren strange, i was getting the same pixelated no file looking thing as in the first post of this issue, but just tried it again and got this:

you've been able to successfully embed Youtube Live videos in Hubs?

emclaren commented 4 years ago

Hi @spencercap - I screen youtube live videos in Hubs fairly regularly. The screenshot you shared looks like it has to do with an issue we are experiencing with yt-dl (for accessing youtube videos in Hubs). With increased users in Hubs the last few weeks we've found that it's occasionally rendering videos as screencaptures of the page itself. Youtube videos look like this for me at the moment as well.

When you loaded a video and it appeared as a broken image link, is it possible you were using Safari? this was happening https://github.com/mozilla/hubs/issues/2345 is showing this is happening consistently in Safari browser.

spencercap commented 4 years ago

ah! thanks for the info @emclaren.

i gave it another shot given that this error is related to increased users and SUCCESS! so happy to see some Youtube Live in Hubs!

FYI when i created this object with the custom URL https://www.youtube.com/watch?v=21X5lGlDOfg i got the pixelated file not found asset + error below, but when i pasted in the share URL https://youtu.be/21X5lGlDOfg it worked as screenshot in this comment.

console error:

console.js:35 Error adding media Error: Error resolving url "https://www.youtube.com/watch?v=21X5lGlDOfg": 
    at media-utils.js:45
    at Generator.next (<anonymous>)
    at C (HubsBasisTextureLoader.js:294)
    at r (HubsBasisTextureLoader.js:294)

spencercap commented 4 years ago

also, you mention yt-dl – do you know if Hubs is locally downloading the live video + streaming it as a texture to a 3d plane, possibly with the a-video element? versus positioning an iframe or video element w Three.js's CSS3d renderer like this, https://dj3d.io/