Video Demonstration Here
YouTube Live Plugin | Bubble
A new plugin releases today called YouTube Live
YouTube Live is YouTube’s livestreaming feature, which enables content creators to interact with the audience in real-time.
The YouTube Live plugin integrates your YouTube Live with your bubble application. Simply enter your Channel ID in a field, go live and voila! Your livestream is now ready to be displayed.
The YouTube Live plugin also includes the following features:
Enable autoplay on page load (does not work on chrome unless enabled)
Hide suggested videos from other channels (This disables the suggested videos at the end. Note: As of 2018, this will not disable related videos. Instead, this will show related videos from the same channel as the video that was just played.)
Hide the control bar
Remove the YouTube logo from the control bar
Mute video on page load
COMING UP: Next plugin will be integrating your Live’s chat as an independent element, and will be as easy to set up as this one!
Create a Youtube Channel
Verify your account
Find your YouTube Channel Id
Enter your Youtube Channel ID in the “Channel ID” field
I am a freelance developer for bubble applications & custom plugin solutions. If you enjoy my work and would like to partner on a project, send me a private message or leave a comment down below
For any questions, comments or concerns please leave a comment below, thank you!
If anyone finds this plugin to be useful and they enjoyed, please leave a review. It really supports me and encourages me to make more free plugins.
Great tool, Jonah. Thanks for making it available.
However, there’s dual audio or an invisible video that plays simultaneously.
When I paused the playing YouTube live video, I could still hear the audio playing. I thought it was my app but noticed the same anomaly on the demo page.
I’ll appreciate it if you can look into it
I will look into that, I’m sorry you are experiencing this issue. I’ll get back to you today about it.
I was able to reproduce the problem and I can confirm it has been fixed now
For anyone reading this in the future, if you want to “reset” the stream and then change the “channel” (you want to switch to a different live steam without refreshing the page … ) your workflow must be as follows:
THE RIGHT WAY:
Change Channel ID → Reset Group
THE WRONG WAY:
Reset Group → Change Channel ID
The wrong way may cause issues with timing. Doing it this way may cause the element to use the old stream ID and cause the wrong stream to play on your website.
What does “Get Signature” do?
@devin.fraze Thanks so much!
Actually that was some code I forgot to remove. It does not do anything except for writing “hello” in the browser console. I’ve gone ahead and removed it