Support Garage

Documentation, APIs & Tutorials

Streaming live video to desktop and mobile devices using HDFVR



1. Live video streaming to desktop

The following guide will help you setup HDFVR and Flowplayer so that you can stream live video from a web page embedding HDFVR to a web page embedding Flowplayer running in a desktop browser.

Here are the steps that you have to take:

Step 1: Buy HDFVR from http://hdfvr.com/buy-now and install it (the installation instructions are here http://hdfvr.com/documentation#1).

Step 2: Configure the following settings in avc_settings.php (or aspx.cs) (they're in the HDFVR folder on your web server):

  1. $config['maxRecordingTime']=86400;
  2. $config['outgoingBuffer']=0;
  3. $config["streamName"]='livestream';

Step 3 (Wowza only):In the conf/hdfvr folder you will find the Application.xml file. Inside this file replace the value of the StreamType tag from record to live like this:
<StreamType>live< /StreamType>.

Step 4: Flowplayer has changed it's business model and became an online service based on subscription plans, but don't worry you can still download Flowplayer standalone from here: https://flowplayer.org/latest/#flash and the rtmp plugin for this player from here: http://flash.flowplayer.org/plugins/streaming/rtmp.html .

Step 5: Create a HTML page, open it with a text editor like Notepad++ and embed Flowplayer in it. Your embed code should be similar to this:

and

For more details check out the Flowplayer streaming rtmp plugin documentation

Make sure you change the value of netConnectionUrl above with the correct value and that the url for flowplayer.rtmp-3.2.13.swf the rtmp plugin is the correct path.

Step 6 (final step): Press record button on HDFVR. HDFVR will now stream live video to the media server and Flowplayer will play it live from the media server.

2. Live video streaming to mobile devices using Wowza and the Transcoder

HDFVR can also be used to stream directly to Android and iOS mobile devices using Wowza Media Server and it's Transcodcer add on.

The Transcoder is needed to convert the audio stream received from HDFVR/Flash Player from Speex (Nellymoser is not supported by the Transcoder) to AAC, an audio codec that iOS and Android understand. The video is encoded from the get go as H.264 (supported by both iOS and Android) and needs no transcoding.

Let's take a look at what you need to do:

  1. Configure the following settings in avc_settings.php (or aspx.cs) (they're in the HDFVR folder on your web server):
    1. $config['maxRecordingTime']=86400;
    2. $config['outgoingBuffer']=0;
    3. $config["streamName"]='livestream';
  2. Very important: Edit your .xml video quality profile and set the video codec to h264_w_t and the audio codec to speex6.
  3. In the conf/hdfvr folder make a backup of your current Application.xml
  4. Replace the old Application.xml with the following one: Application.xml. The Application.xml given here is cofigured to work on Wowza Streaming Engine 4.0 or newer. For older versions of Wowza contact tech support.
  5. Restart the HDFVR application on the server side.

Now all you have to do is press the record button in HDFVR to start streaming.

To view the live-stream just open up your default mobile device brower and access the following links:

For iOS: http://WOWZA_SERVER_ADDRESS:1935/hdfvr/livestream/playlist.m3u8

For Android: rtsp://WOWZA_SERVER_ADDRESS:1935/hdfvr/livestream

Make sure you replace WOWZA_SERVER_ADDRESS with the ip or domain name where your Wowza server is running.

While HDFVR sends the video stream through rtmp (a proprietary Adobe streaming protocol), iOS devices will play it live from Wowza using HLS (HTTP Live Streaming). Android devices will use RTSP ( Real Time Streaming Protocol).

Get personalized help

Customers with an active Support & Updates Plan can submit support requests to our knowledgeable techs via the client area.

Enter client area