Embed your Sensr.net camera’s live view

Users have asked us for a way to embed their cameras in other sites, like the website for a business or a personal blog. This week we rolled out a widget that will let you do just that. Just log in to sensr.net and select the my widgets item from the pull down menu. See screenshot above. This will take you to the widgets page where you can get the embed code for your camera.

The code looks something like this:

<script src="https://sensr.net/javascripts/swfobject.js" type="text/javascript"></script>
<script type="text/javascript" src="https://sensr.net/widgets/live_view/610fff79b5/4ff00">                                  

And when you embed it into your blog or web page you’ll get something like this.

Embedded live streamg

The live stream will be viewable on the page where you embed the code, so folks can watch your camera directly from your webpage. If they click on the “live view” banner at the top, it will take them to the DVR view for your camera. This will allow them to see what was going on in the past on your camera too.

Note that the live view only shows images as fast as your cameras sends images to sensr.net. If your camera is setup to only send an image per hour, then the live view will only show an image per hour. We recommend sending an image per second, but it’s up to you!

Alter the embed size

You can change the size by adding a width and height parameter.

<script type="text/javascript" src="http://sensr.net/widgets/live_view/xxxx?width=400&height=300″>

Here’s an actual live stream from one of our public cameras…

Flash Sometimes

The live view needs Flash on some browsers, like Chrome. If you just see a black rectangle, then you probably need to enable Flash. Once you do that, just reload the page and you should see the live view.