How to live stream live/broadcast on YouTube from a Web page.

[Hilar]

Hello, members.
I'm not a tech expert, but I'm a good internet lover if you like. I'm a freelancer, but I had taken the Google Online Marketing Course some time back. Now I want to be disseminating info/ sharing live videos to my viewers from another couple of websites which are broadcasting live on their websites.

I have been researching on the internet on how I can be able to live stream on my YouTube channel using a Web page source, usually the page URL ( https:// ). At first, my hopes were fading for lack of proper source of information until I came along this article https://flashphoner.com/broadcast-video-stream-from-web-page-to-facebook-and-youtube-simultaneously/

I have tried to implement the info which is there, even downloaded the below files but I haven't been successful to stream on the YouTube.

• streamer.html

• streamer.js

• flashphoner.js

I will be glad if you can help by sharing the info on how I can be able to live stream/ broadcast on YouTube from a Web page source.

Any lead will be appreciated.

 

[Max]

Hello

Perhaps you are missing the server-side.
From the article you can see that we use WCS-server located on our demo VPS https://wcs5-eu.flashphoner.com
Therefore this is two-steps action:
1. You publish a stream (i.e. stream1) from a web page to the server.
2. You send REST/HTTP request to server to re-publish existing stream to YouTube.

To get this working server-side should be configured properly.

#rtmp_transponder_stream_name_prefix =rtmp_

You can try our demo page:

1. Two Way Streaming
https://wcs5-eu.flashphoner.com/cli...ming/two_way_streaming/two_way_streaming.html

Here you can publish stream with name provided by YouTube Live

2. Then you can perform REST/HTTP request

https://wcs5-eu.flashphoner.com:8888/rest-api/push
{
"rtmpUrl":"rtmp://youtube-host/live",
"streamName":"12345",
}

Here 12345 is stream name (key) provided by YouTube Live.

 

[Hilar]

Thank you Max for your response. I have taken a bit of time trying to connect the dots. And like I said, I'm not a tech expert, but I learn things quickly.
I understand everything about the Facebook and YouTube Names and RTMPs. But after where there's down and deploying the files in "your server" that's where I'm getting lost. From here going forward, I'm totally lost.

Now, how do I employ the downloads files to my web server? This is where I'm getting totally lost. Note, I don't have my own website. I only want to use other guys websites (broadcasts/ live videos) to live stream to my YouTube channel.

Oops! The demo video is not playing either.

I have been trying to follow your guidance. Hopefully, you won't mind directing me further on what I can do next. In fact, if only I get to get the concept which is at this point ( i.e where to take the files downloaded) or hoe to deploy them on the server, I WILL BE GOOD TO GO up to the successful completion of the whole process.

Thank you in advance.

 

[Max]

Hello

You can better start with our demo server at https://wcs5-eu.flashphoner.com
1. Open Two Way Streaming and publish a stream captured from your web cam
https://wcs5-eu.flashphoner.com/cli...ming/two_way_streaming/two_way_streaming.html
2. Install and turn on Advanced REST Client as extension of Chrome browser:
https://chrome.google.com/webstore/detail/advanced-rest-client/hgmloofddffdnphfgcellkdfbfbjeloo
3. Send REST/HTTP command to server.
See attached screenshot.
See also REST examples
https://flashphoner.com/docs/wcs5/wcs_docs/html/en/wcs-rest-api/index.html?examples.htm

As a result you should see video stream on YouTube or Facebook.
Make sure
1. Your stream name is correct.
If you publish stream '5df7', you should use exactly the same name as paramtere streamName in REST request.
2. Your YouTube url is correct.
Make sure you use full RTMP url provided by YouTube.

If all works with our demo server you can see how it works directly inside html/js files:
https://wcs5-eu.flashphoner.com/cli...ming/two_way_streaming/two_way_streaming.html
https://wcs5-eu.flashphoner.com/cli...eaming/two_way_streaming/two_way_streaming.js
So any user can modify code to adapt this code to his / her website for media streaming.

 

[Hilar]

Hello, Max. Could we be addressing two very different issues here? In your previous post, I see like you're referring to WebCam (how to live stream when using a WebCam to directly capture the Original video/images)

Okay, my issue which I have been trying to bring forth is about streaming a live video which is on another website. To illustrate in a clear example, let's assume when I open the SuperSport, or DSTv, or ESPN, or Flashphoner, or a Church website which has a LIVE STREAMING/ BROADCAST of football matches or live event in real time on their website, is there any way which I can use that Web page URL (that's what I called Web source) to live stream the same live event as it is being Live streamed on their website on my YouTube channel??

Were we reading on the same page or we're on a different page? If we were, then everything is clear. If not, then I'm sorry for not bringing the issue properly.

 

[karenberys]

My friend had a similar problem. He wanted to live stream / broadcast on YouTube from a webpage. And he tried all the ways he could like “ to publish a stream (i.e., stream1) from a web page to the server “ or “ send REST/HTTP request to the server to re-publish existing stream to YouTube, “ etc. though there was no result. Later, he decided to preserve his nerves and start using certain services that allow you to download or upload from/to different sites, including YouTube. For example, there is one of them https://loader.to . It helps to download audio and video in various formats like FLAC, OPUS, OGG, WAV, M4A, and many others ( for audio) and MP4 or WEBM ( for video). He has been using it for almost two years and hasn’t any regrets about it yet.

I would like to know how I can download and convert videos from YouTube

 

[Max]

I would like to know how I can download and convert videos from YouTube

youtube-dl + ffmpeg seems to be the best solution for this task.