WordPress.org

Support

Support » How-To and Troubleshooting » Embed IP Camera Stream into WP Page

Embed IP Camera Stream into WP Page

  • Hi All,

    Trying to embed a stream from my IP Camera http://ymaes.axiscam.net onto a page in my WP site, http:www.ymaescafe.co.uk.

    I was advised by the camera manufacturer to use the following script :

    <SCRIPT type=”text/javascript”>
    // Set the BaseURL to the URL of your camera
    var BaseURL = “http://ymaes.axiscam.net/”;

    // DisplayWidth & DisplayHeight specifies the displayed width & height of the image.
    // You may change these numbers, the effect will be a stretched or a shrunk image
    var DisplayWidth = “320”;
    var DisplayHeight = “240”;

    // This is the path to the image generating file inside the camera itself
    var File = “axis-cgi/mjpg/video.cgi?resolution=320×240”;
    // No changes required below this point
    var output = “”;
    if ((navigator.appName == “Microsoft Internet Explorer”) &&
    (navigator.platform != “MacPPC”) && (navigator.platform != “Mac68k”))
    {
    // If Internet Explorer under Windows then use ActiveX
    output = ‘<OBJECT ID=”Player” width=’
    output += DisplayWidth;
    output += ‘ height=’;
    output += DisplayHeight;
    output += ‘ CLASSID=”CLSID:DE625294-70E6-45ED-B895-CFFA13AEB044″ ‘;
    output += ‘CODEBASE=”‘;
    output += BaseURL;
    output += ‘activex/AMC.cab#version=4,1,4,0″>’;
    output += ‘<PARAM NAME=”MediaURL” VALUE=”‘;
    output += BaseURL;
    output += File + ‘”>’;
    output += ‘<param name=”MediaType” value=”mjpeg-unicast”>’;
    output += ‘<param name=”ShowStatusBar” value=”0″>’;
    output += ‘<param name=”ShowToolbar” value=”0″>’;
    output += ‘<param name=”AutoStart” value=”1″>’;
    output += ‘<param name=”StretchToFit” value=”1″>’;
    output += ‘
    <B>Axis Media Control</B>
    ‘;
    output += ‘The AXIS Media Control, which enables you ‘;
    output += ‘to view live image streams in Microsoft Internet’;
    output += ‘ Explorer, could not be registered on your computer.’;
    output += ‘
    </OBJECT>’;
    } else {
    // If not IE for Windows use the browser itself to display
    theDate = new Date();
    output = ‘<IMG SRC=”‘;
    output += BaseURL;
    output += File;
    output += ‘&dummy=’ + theDate.getTime().toString(10);
    output += ‘” HEIGHT=”‘;
    output += DisplayHeight;
    output += ‘” WIDTH=”‘;
    output += DisplayWidth;
    output += ‘” ALT=”Camera Image”>’;
    }
    document.write(output);
    document.Player.ToolbarConfiguration = “play,+snapshot,+fullscreen”

    // Remove the // below to use the code for Motion Detection.
    // document.Player.UIMode = “MDConfig”;
    // document.Player.MotionConfigURL = “/axis-cgi/operator/param.cgi?ImageSource=0”
    // document.Player.MotionDataURL = “/axis-cgi/motion/motiondata.cgi”;
    </SCRIPT>

    So, i went to WP Admin, made a new page, and clicked on ‘Text’, then copied and pasted the code in – however, when i save the page and publish it, or preview it – nothing at all is displayed, it’s as if nothing is there.

    I’m fairly experienced in IT, but not so in the web development (hence using WP) which by the way, is excellent.

    Any help would be appreciated.

Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Embed IP Camera Stream into WP Page’ is closed to new replies.