How to embed rtsp in joomla

Written by jeff grundy Google
  • Share
  • Tweet
  • Share
  • Pin
  • Email
How to embed rtsp in joomla
(Jupiterimages/Pixland/Getty Images)

The Real Time Streaming Protocol (RTSP) enables website owners to stream live video feeds from a Web camera on Web pages so that visitors can view events in real time. If you have a Joomla website and would like to enable real time camera streaming, you could purchase a commercial plug-in that provides this function. On the other hand, you can save yourself some money by using the tools most people already have installed on their computers.

Skill level:

Things you need

  • Web camera

Show MoreHide


  1. 1

    Login to your Joomla website's administrator panel, then click the "Extensions/Module Manager" option on the administrator menu bar.

  2. 2

    Click the "New" icon in the upper right-hand corner of the "Module Manager" page. Wait for the "Module: [New]" page to load in your Web browser.

  3. 3

    Scroll down to and select the "Custom HTML" option, then click the "Next" icon.

  4. 4

    Enter "WebCamFeed" or another descriptive name in the "Title" field.

  5. 5

    Click the drop-down menu next to the "Position" label, then press the "Backspace" key a few times to clear the field's contents. Enter "RTSPFeed" in the field, then click the "Enable" link on the page.

  6. 6

    Copy and paste the following HTML code into the "Custom Output" section:

    <!--- BEGIN PLAYER --->

    <!-- webbot bot="HTMLMarkup" startspan ---->

    <object ID="MediaPlayer" WIDTH="320" HEIGHT="270" CLASSID="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject" CODEBASE=",4,7,1112">

    <param name="autoStart" value="True">

    <param name="filename" value="http://123.222.666:1121">

    <param NAME="ShowControls" VALUE="False">

    <param NAME="ShowStatusBar" VALUE="False">

    <embed TYPE="application/x-mplayer2" SRC="123.222.666:1121" NAME="MediaPlayer" WIDTH="320" HEIGHT="270" autostart="1" showcontrols="0"></embed></object>

    <!-- webbot bot="HTMLMarkup" endspan ---->

    <!--- end PLAYER --->

    Replace the "123.222.666" reference with the static IP address for your computer or your Dynamic DNS URL for your PC.

  7. 7

    Click the "Save" icon at the top of the page.

  8. 8

    Click the "Content/Article Manager" link on the menu bar. After the "Article Manager" page appears, click the "New" icon.

  9. 9

    Enter a title for webcam article page. Then, choose a "Section" and "Category" for the article page (the webcam code goes into a specific Joomla article).

  10. 10

    Enter some text to describe the webcam feed in the "Body" section of the "Article: [New]" page. After entering some text, press the "Enter" key to create a line break.

  11. 11

    Enter the following under the introduction text: "{loadposition RTSPFeed}".

  12. 12

    Click the "Save" icon at the top of the page.

  13. 13

    Turn on your webcam and ensure port 1121 is open in your firewall application or router.

Tips and warnings

  • Before visitors can view your webcam on the Joomla site, you must first assign an IP address for your computer and the camera. If you have a static IP address, insert that in the code. If your IP address changes (Dynamic IP address), you will need to set up a Dynamic DNS account.
  • Before you start streaming video from your webcam, you must enable port 1121 in your firewall application or router (see Resources).

Don't Miss

  • All types
  • Articles
  • Slideshows
  • Videos
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the site, you consent to the use of cookies. For more information, please see our Cookie policy.