Webcam On wordpress

  • Hi All,

    I found an webcam on internet: https://www.surfabc.nl/webcam-wijk-aan-zee/
    And I want to put the webcam on my website, does someone know how to do this?

    I found out that this is shockwave flash application:
    <object type="application/x-shockwave-flash" data="https://hdtv.webcam.nl/alohabeach/player.swf" width="100%" height="100%" bgcolor="#000000" id="webcam" name="webcam" tabindex="0"><param name="allowfullscreen" value="true"><param name="allowscriptaccess" value="always"><param name="seamlesstabbing" value="true"><param name="wmode" value="opaque"><param name="flashvars" value="netstreambasepath=http%3A%2F%2Fwww.surfabc.nl%2Fwebcam-wijk-aan-zee%2F&id=webcam&file=alohabeach.stream&autostart=true&streamer=rtmp%3A%2F%2Fstreaming2.webcam.nl%3A80%2Falohabeach&skin=http%3A%2F%2Fwww.surfabc.nl%2Fwp-content%2Fthemes%2Fsurfabc%2F_js%2Fjw-addons%2Fbekle_mod.zip&controlbar.position=over&controlbar.idlehide=true&display.icons=true"></object>

    Thanks in advance,

    LTKort213

Viewing 1 replies (of 1 total)
  • Thread Starter LTKort213

    (@ltkort213)

    This is the Javascript code:

    jwplayer('webcam').setup({
	'file': 'alohabeach.stream',
  'autostart': 'true',
  'streamer': 'rtmp://streaming2.webcam.nl:80/alohabeach',
  'controlbar': 'over',
  'controlbar.idlehide': 'true',
  'width': '800',
  'height': '449',
  'icons': 'true',
  'skin': 'https://www.surfabc.nl/wp-content/themes/surfabc/_js/jw-addons/bekle_mod.zip',
  plugins: {
    '/wp-content/themes/surfabc/_js/extralogo.js': {
      link1: 'https://www.facebook.com/pages/Aloha-Wijk-aan-Zee/392492950174',
      left1: '10',
      top1: '407',
      width1: '90',
      height1: '31',
      link2: 'https://www.protest.nl/',
      left2: '754',
      top2: '389',
      width2: '35',
      height2: '49'
    }
  },
 	'modes': [
      {type: 'flash', src: 'https://hdtv.webcam.nl/alohabeach/player.swf'},
      {
        type: 'html5',
        config: {
         'file': 'https://streaming2.webcam.nl/alohabeach/alohabeach.stream/playlist.m3u8',
         'provider': 'video'
        }
      }
  ]
});

// 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 = 800;
var DisplayHeight = 449;

// This is the URL of the generated media.
var MediaURL = "rtsp://streaming2.webcam.nl:1935/alohabeach/alohabeach.stream";
var output = "";
output  = '<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width=';
output += DisplayWidth;
output += ' height=';
output += DisplayHeight;
output += ' CODEBASE="https://www.apple.com/qtactivex/qtplugin.cab">';
output += '<param name="src" value="/wp-content/themes/surfabc/_img/dummy.mov">';
output += '<param name="autoplay" value="true">';
output += '<param name="controller" value="true">';
output += '<param name="qtsrc" value="';
output += MediaURL;output += '">';
output += '<embed src="/wp-content/themes/surfabc/_img/dummy.mov" width=';
output += DisplayWidth;
output += ' height=';
output += DisplayHeight;
output += ' qtsrc="';
output += MediaURL;
output += '" autoplay="true" controller="false" target="myself"';
output += ' PLUGINSPAGE="https://www.apple.com/quicktime/download/"></embed>';
output += '</OBJECT>';

jQuery('#quicktimeLink').click(function(e) {
	e.preventDefault();
	jQuery('#webcam-border').html(output);
});

jQuery('#noVideoLink').click(function(e) {
	e.preventDefault();
	jQuery('#noVideoOptions').fadeToggle().parent().toggleClass('open');
});
Viewing 1 replies (of 1 total)
  • The topic ‘Webcam On wordpress’ is closed to new replies.