WordPress.org

Forums

Embed IP Camera Stream into WP Page (4 posts)

  1. lordklp
    Member
    Posted 1 year ago #

    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=320x240";
    // 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.

  2. Francesco
    Member
    Posted 9 months ago #

    Same issue for me.
    Did you fixed it lordklp?
    Any help really appreciated.

  3. prairietech
    Member
    Posted 3 months ago #

    Bump.......any updates available?
    I'm trying to do the same thing.

  4. WPyogi
    Forum Moderator
    Posted 3 months ago #

    You can't generally put JavaScript into a page via content -

    http://codex.wordpress.org/Using_Javascript

    There are some plugins that can make it easier -

    https://wordpress.org/plugins/css-javascript-toolbox/

Topic Closed

This topic has been closed to new replies.

About this Topic