How to add the live video function to the website built by your own live video software (build a live video website)

I want to make a live broadcast on my website ？ Want to set up one on your own website CCTV Network TV ？ Want to set up a whole day on your website 24 Hours of monitoring ？ All these requirements can be used for 800 Li flash p2p Streaming system （P2PS） solve .

In this article, we first introduce how to install 800 Li flash p2p Streaming system （P2PS） System to our server , Then I will demonstrate how to use this system on our website vbolou.com Generate a live broadcast page on and conduct live video broadcast , It also demonstrates that if you use software and a camera / Live video broadcast by acquisition card , Finally, it demonstrates that P2PS A hardware level live video broadcasting solution .

because vbolou.com The server is not local , So in the following tutorial, I use remote desktop for most server-side operations and configuration .

One 、 Download program

visit http://www.800li.net , And find the download link on the home page , Download the software to the desktop .

Two 、 install

Log in and copy

1、 Double-click the downloaded p2ps_setup_trial.exe Enter the installation interface .

      

       
1.
      

2、 Click on the straight “ next step ” Then you will arrive at the registration page .

Log in and copy

3、 Click on “ Get trial registration code ”, Jump to the registration code application page of Suzhou babaoli network technology company , Fill in some basic loading and submit . among , There are two important messages , One is email , This is for collecting the registration code , If this is not filled in correctly , You can't receive the registration code . The other is the serial number , If this is not filled in correctly , The registration code received will also be incorrect , Directly copy the text in the serial number column of the installation program and fill it in .

      

       
1.
      

Log in and copy

4、 After submitting the application registration code , After waiting for a period of time, you will receive an email containing the registration code .

      

       
1.
      

Log in and copy

5、 Copy the obtained registration code to the registration code column in the installation interface , Then move on to the next step .

      

       
1.
      

Log in and copy

6、 Set domain name , Default P2PS The name of the machine is used , If you want to open to the public network, you still have to set up a domain name , Here we set it to vbolou.com, Then move on to the next step .

      

       
1.
      

Log in and copy

7、 After skipping the next step in a series , Here is the configuration page . You can set the server port here 、 Video directory and other information ,P2PS When the configuration is started, some unused ports will be automatically allocated as the ports used by the server , In general, there is no need to modify . Here we put the video in the directory ( Some video files will be generated during live broadcast ) The position of is changed to D Under the plate P2PS Folder , Other parameters will not be modified .

      

       
1.
      

Log in and copy

8、 If a firewall is turned on on the server , So you need to take P2PS Some required ports are added to the list of allowed ports in the firewall .

      

       
1.
      

Log in and copy

 Switch to... In the configuration manager “ External port list ” Tab , You can see P2PS Two are used TCP Port and 3 individual UDP port ：

      

       
1.
      

Log in and copy

 Open... From the control panel windows Firewall settings , stay “ exception ” In the tab “ External port ” Add... To each P2PS In the external port list of TCP and UPD port .

      

       
1.
      

Log in and copy

 After setting up the firewall , Click... In the configuration manager “ Save configuration ”, And then click “ close window ” Complete the configuration , Go back to the installer and click “ complete ” To the end P2PS Installation .

      

       
1.
      

Log in and copy

 3、 ... and 、 Release live 
1、 You can open... In the start menu P2PS Sample page for . Because there is no camera on the remote host , So after getting the address of this page , We copy this address to the local browser for use .

      

       
1.
       
2.
      

Log in and copy

2、 In the example page , Yes 3 A link , One is flow management , One is release , Another one is playing . Stream management is used to manage the number of videos . Let's create a new name “ I want to live ” The flow of , Enter... In the stream name column “ I want to live ”, Then click Add to add a video stream .

      

       
1.
      

Log in and copy

3、 After adding a video stream , Click publish to jump to the publish management page , Check the flow you just added , And then click “ Publish the selected stream ” Button , After clicking , The live broadcast interface will appear , There must be a camera available on the computer at this time （ If there's no camera , You can also install a Sina 9158 Virtual video instead ）, When the upper left corner of the publishing interface displays “Connection success” Indicates that you have connected to the server , Next, just click on the pop-up “Adobe flash player Set up ” On the window “ allow ” Button to publish .

      

       
1.
      

Log in and copy

4、 Then open a new browser tab , Enter the address http://vbolou.com:28100/sample Re enter this page , Select play... On the page , Then select the newly created stream , And then click “ Play the selected stream ” Button .

 In the pop-up “Adobe Flash Player Set up ” On the window , Check live “ remember ”（ Prevent asking again every time you play ）, Then click allow to view .

 because P2PS Adopted flash+p2p In order to give full play to p2p The effect of the Internet 、 Reduce server-side load , therefore P2PS Control the delay of the player , The live picture is about a minute later than the live picture , It can only be played about a minute after the release , But this does not affect the live broadcast effect .

      

       
1.
       
2.
       
3.
       
4.
       
5.
      

Four 、 Embed the live player in other pages
Now we will move the player in this sample page to the official website vbolou.com in .

First , We are vbolou.com Create a new one in the site directory of “liveshow.html” The page of （ Of course, you can also use existing pages ）, Then under the player of the playback page in the example page , Click on “ Copy code ” Or copy it directly “ Player code ” Code in column , Paste it into the new “liveshow.html” in .

Then directly access... In the browser http://vbolou.com/liveshow.html, You can see the content being broadcast , You can also put the player code into the blog according to your own needs 、 Forums and other support HTML Source code place .

5、 ... and 、 Stop broadcasting
When the user wants to stop the live broadcast , There are three options ：

One is to close the publishing page directly , In this way, you can continue to use this video stream to publish live videos next time , After stopping the live broadcast , The viewer drags the playback bar behind the image to look back ;

One is to choose to “ Convert to on-demand ” Method to end publishing , The video ended in this way can be played on demand , And this video stream can no longer be used to broadcast live , The viewer can drag the video freely on the viewing page ;

Another option is to choose “ Convert to pseudo live broadcast ” Method to end publishing , The video ended in this way is still disguised as a live video on the viewing page , It can only be dragged back , But you can't drag like before .

6、 ... and 、 Publish in other ways
about P2PS system , Don't just use the web page as in the example page + Camera to broadcast live , You can also use other methods to broadcast live .

One 、 Use Adobe Flash Media Live Encoder + PC camera / Support DirectShow Acquisition card .

Two 、 Use the hardware live broadcast all-in-one machine .

3、 ... and 、 Use support RTMP Protocol acquisition card + The acquisition card has its own software for release .

But either way , You need to use the... In the sample publishing page FMS Connect URL and FMS Publish the stream name , You can publish the FMS Connect URL and FMS The publishing stream name is copied to the WordPad or other places for subsequent use .（ Be careful ： When the publishing page opens , You can't use this anymore url To publish , Therefore, close the publishing page before performing other methods ）.

7、 ... and 、 Use Adobe Flash Media Live Encoder To publish
1、 stay adobe Web site https://www.adobe.com/cfusion/entitlement/index.cfm?e=fmle3 Download the latest version above Flash Media Live Encoder , We're using 3.2 edition , Because of the domestic visit adobe Your website is slow , So we are vbolou.com A file is placed on it for domestic users to download , The address is http://www.vbolou.com/download/fmle3.2.msi, Download and install directly .

2、 Start the program after installation , The first thing we need to do is to select the video equipment and audio equipment on the machine , You can see it in the figure below , We are video Select the camera on my machine in the column “FV TouchCam VQ1”, Adjust the video coding to H264, Set the appropriate video bit rate 、 Video width and video height , Then the audio device uses the default microphone .

3、 The most important thing is in the output parameter setting panel , Copy from the release page “FMS Connect URL” Copy the value of to FMS URL One column ,“FMS Publish stream name ” Copy value to Stream One column , Then click directly on the bottom Start, So the release begins .

4、 Not just cameras , You can also use an acquisition card +DV Live broadcast by means of , Here we use a USB Acquisition card （ Of course, other kinds of acquisition cards can also be used ）, The input of this acquisition card is an analog signal , The interface is a common lotus head , This also means that all devices compatible with this interface can cooperate with this acquisition card to broadcast live , Such as broadcast camera 、 household DVD、 TV set top box .

capturecard.JPG

5、 In addition, we often use HDMI Mode input video signal acquisition card , This kind of acquisition card can cooperate with digital video camera 、 Blu ray DVD、 Have HDMI Notebook 、 Tablet computers, mobile phones and other digital products .

hdmicard.jpg

6、 We use a belt AV Analog signal output DV To live , Connect the acquisition card to the computer and install the driver , And then DV Of AV Connect the signal line , The other end is connected to the same color socket of the acquisition card .

dv.jpg

7、 restart Adobe flash media live encoder, At this moment in Adobe flash media live encoder A new device will be added to the list of video devices and audio devices , Select the two devices respectively , Then the parameters are set as above FMS Connection string and FMS Stream name , Click on the bottom Start Button ,DV The picture of was successfully broadcast .

fmle.capture.jpg

http://vbolou.com/docimg/fmle.publish2.jpg

8、 The release was successful , Open the play page to view the effect .

http://vbolou.com/docimg/fmle.play.png

8、 ... and 、 Use the all-in-one machine / Video coding server for publishing
Because of the ordinary PC machine + The way of acquisition card is not convenient for the commercial implementation of live video on special occasions , Therefore, in this case, using a professional live broadcast all-in-one machine or a collection and coding server for live video will achieve better results .

The industry does not have a standard name for such a machine that can collect and publish live broadcasts , These names have been used by different manufacturers according to the additional functions ： Live broadcast all-in-one machine 、 All in one guide and live broadcast machine 、 All in one webcast machine 、 Acquisition encoding server 、 Video coding server 、 All in one recording, broadcasting and live broadcasting machine, etc 、 The embedded flash Encoder, etc .

No matter what the name of the hardware is , As long as it has the following functions, it can be seamlessly connected P2PS System ：

1、 Video signal acquisition .

2、 Video signal compression .

3、 Support RTMP Streaming media protocol output .

As long as you have the above three basic functions , Then this hardware can meet the requirements of live broadcast , As for whether it still has multicast 、 Mixing 、 Subtitle addition and other functions , Select the most suitable equipment according to the needs of users , Here we use a brand of video coding server as an example .

The functional characteristics of a brand of video coding server indicate that ：

l H.264/AVC MainProfile Broadcast video encoder embedded platform

l Support H.264 Transport and Program Stream encoding Entropy coding ( Support CAVLC/CABAC )

l Based on the Ethernet port Web Remote and local management

l Support for multiple IP Network protocol and live broadcast mode ： UDP,TCP,RTSP,HTTP,RTMP etc. .

l Video input ：S terminal , Reunite with ,SDI（ Optional ）

From the above basic characteristics, we can know , Because this video coding server supports composite signals (AV) The input of 、 Support H264 Compression of 、 Support RTMP Live broadcast of network protocol , Then this video coding server can be used to directly publish live video to P2PS On the system , Here are our steps .

1、 Connect the video coding server to the LAN through the network cable , Connect at the input DV、 Camera and other signal source equipment . Log in to the management platform of the video coding server through other computers , First set its Internet parameters , Enable it to connect to the Internet .

http://vbolou.com/docimg/ytj.setting.jpg

2. Format video and audio , Note please set the video encoding to H264、VP6、H263 etc. RTMP Supported format , And audio coding is generally optional Mp3、AAC、Nellymoser、speex etc. . Then set the frame rate as required , Video width and height 、 Video bit rate and other parameters .

http://vbolou.com/docimg/ytj.video.jpg

http://vbolou.com/docimg/ytj.audio.jpghttp://vbolou.com/docimg/ytj.audio_biterate.jpg

3、 The next step is to set up the video coding server RTMP Protocol output address . It should be noted that , We are now using the video encoding server RTMP The address is not divided into connection string and stream name , So we put “FMS Connection string ” and “FMS Stream name ” In the middle “/” Join together and fill in "RTMP ADDRESS" One column . Other brands of equipment RTMP For parameter settings, please refer to the operation manual of the equipment .

http://vbolou.com/docimg/ytj.rtmp.jpg

Here we are , The encoding of the encoder has been set . We click “ Start coding ” The system starts to run . Then open the corresponding live broadcast page to view the live broadcast effect