04
Mar
13

Embedding Network Camera Video on a Website

I’ve been asked many times, how do I embed the video from my camera on a public web page. It seems like it would be so simple, you can connect to your camera from a browser, how hard can it be to take that video and put it on a web page so it works with just about any browser. Here’s the problem, most network cameras spit out RTSP (Real Time Streaming Protocol), the standard for surveillance cameras but website don’t understand that protocol, so you have to convert it to a protocol acceptable to most web browsers and that’s RTMP (Real Time Messaging Protocol).

There are ways to make your camera display on a website, but consider that many require ActiveX controls making it only work with Internet Explorer, then you have local PC permission issues and putting your camara directly on a website just doesn’t work for a public website.

The other consideration is how fast your internet upload speed is. You may have to limit resolution and frame rate to suit your internet connection speed. It’s not reasonable to expect 30fps of 1080P video with 100 users connected with a typical home internet connection. If that’s your expectation, you may want to consider a streaming service that specializes in this. They will take your video feed directly from your camera and host the video on their site.

But this is for those that want to do it themselves, know enough HTML programming to be dangerous but just don’t know where to begin. The first thing you need is a media server. There’s several media server software apps out there like Wowsa Streaming Server and Red5 Media Server but I chose a simpler one called Unreal Media Server because they have a free version that will suit most home or small business user’s needs. It’s limited to 5 camera streams and 15 concurrent users. If you exceed those limits, it will wait until the number of active connections drop. In reality, mosts homes don’t have the network bandwidth to do more anyway. Out of all the methods I’ve tried, Unreal Media Server seems to use the least amount of resources, so you can run this on your home PC without impacting your regular work.

The first step is to download the software on the Windows PC that will be running the Unreal Media Server.  Click on this link to download it – http://www.umediaserver.net/umediaserver/download.html and install the software

Before you start, it’s important to know what the RTSP string is for your camera. You can typically get this from the manual that came with the camera or from their tech support. It will look something like this which is for a Dahua camera but each brand of camera has different parameters;

http://192.168.0.111:554/cam/realmonitor?channel=1&subtype=1

554 is the standard RTSP port and all cameras I’ve tinkered with use this port and the rest is camera specific. Also, the IP address I used will be different than the one for your camera, so make sure you change that if you used my examples.

After Unreal Media Servier is installed, run the Media Server Configurator. This is screen shot of what it looks like. I already setup a live broadcast I called TestCam which is what you’ll be doing soon.

Right click on “Live broadcast” on the left tree and select “new Live Broadcast” and selected the bottom radio button, Broadcast RTSP / MPEG2-TS / MMS Source and click OK.

After cllicking OK above, you’ll get a screen to setup the source camera stream, meaning this is where you enter the camera’s RTSP string with your IP addres and parameters specific to your camera. If you camera has the ability to have multipe streams, setup one specifically for this purpose with lower resolution and lower frame rate to suit your needs. Enter your user name and password for the camera. Select Get Video Only next to RTCP A/V Synch and most options you can leave as they are.

After clicking OK, it will take you back to the the first screen I showed above. If it’s not automatically started, you can start the streaming by selecting File from the top menu bar and then Start Media Server. You should have a green ball at the bottom right that says Media Server is running.

The next step is to write a web page that displays your camera. Not going to teach you HTML programming, so the assumption is you know HTML and already have a website but just want to add live streaming from your network camera on your site. There’s diffrerent ways of doing the same thing with HTML, so I’m going to show the simplest, least code required way I know.

<html>

<head>

<title>Webpage Streaming My Camera</title>

<meta http-equiv=”Content-Type” content=”text/html;charset=utf-8″ />

<script type=”text/javascript” src=”http://www.umediaserver.net/bin/FlashPlayer/umsplayer.js” charset=”utf-8″>

</script>

</head>

<body id=”unload-trigger-element”>

<h3>This is my example</h3>

<!– player container –>

<div id=”player-container”>

</div>

<script type=”text/javascript”>

embedPlayer(‘player-container’, {

flashvars : {

‘rtmp’ : ‘rtmp://192.169.0.50:5119/live/TestCam’,

‘autoplay’ : true     },

size : { width: 352, height: 240 },

playerStyle : ‘quick’ });

</script>

</body>

</html>

Edit this to suit you. Put the width/height of the video you configured your camera to be, in my case, 352×240 is what I chose on my cameras’s sub stream. Also put the IP address of your PC that’s running Unreal Media Server, for testing, just put your local network address of your PC. You can just double click on the file name, for example if it’s on your desktop and it will bring up your browser. Here’s what shows on my browser.

The next step is to make it display from the internet. The first step is to change the IP address for the PC running Unreal Media Server from your local LAN to the external LAN. You may want to use a DDNS service. If you don’t know how to go about this, read my previous article called Accessing Your Camera from the Internet.

Place the web page on your website. My assumption is you already have a website and you just want to embed live streaming video.

Then you need to set your router to allow the Unreal Media Server port to be accessed externally. By default, the port used is 5119.

You also need to setup the Windows firewall to allow people access to the media server. First test it with your firewall off. If that works, then go back and configure the Windows firewall to allow people to access Unreal Media Server until it works the way you expect. Each version of windows is different and there’s tutorials on how to do this.

After you complete this last step the world will be able to see embedded video on your web page. This uses Flash player from Adobe which works on just about any web browser on a PC or Mac but may not work on some smart phones. The world is moving to HTML5 but the transition will take a while and for now, Flash works for most people.

If you want to take it to the next level, you may want to put a time limit on how long someone can live stream. You don’t want someone to connect to your website, minimize the browser and walk away from your their computer for days as it continues to live stream video using up your bandwidth and one of your 15 concurrent connections. The following is a sample page contributed by Rory of Bahamas Security that will do this with a 300 second timeout that you can configure.

<html>
<head>
<title>Unreal Flash Player</title>
<meta http-equiv=”Content-Type” content=”text/html;charset=utf-8″ />
<script type=”text/javascript” src=”http://www.umediaserver.net/bin/FlashPlayer/umsplayer.js” charset=”utf-8″></script></head>
<body id=”unload-trigger-element”>
<!– player container –>
<div id=”player-container”>
</div>
<script type=”text/javascript”>
embedPlayer(‘player-container’, {
flashvars : {
‘rtmp’ : ‘rtmp://192.168.1.100:5119/live/dhdvr’,
‘autoplay’ : true
},
size : { width: 480, height: 360 },
playerStyle : ‘glow’
});
</script>
<span id=”txtleft” style=”display:none;”><br>Guest Time Left: <b><span id=”txttimeout” title=”Time Left ..”>30</span></b></span>
</body>
</html>
<script type=”text/javascript” src=”jquery-1.6.2.js”></script>
<script type=”text/javascript”>
timeouturl = “timedout.htm”;
timeout    = 300;
var tmrtimeout;
var tmrloop;
$(window).load(function() {
if (timeout>-1) {
timeoutLoop();
document.getElementById(‘txtleft’).style.display = “”;
}
});
function timeoutLoop() {
timeout = timeout-1;
if (timeout>=10) {
if (document.getElementById(‘txttimeout’)) {
document.getElementById(‘txttimeout’).innerHTML=”+timeout+”;
}
} else if (timeout<=0) {
if (document.getElementById(‘txttimeout’)) {
document.getElementById(‘txttimeout’).innerHTML=’00’;
clearTimeout(tmrloop);
timedOut();
}
} else {
if (document.getElementById(‘txttimeout’)) {
document.getElementById(‘txttimeout’).innerHTML=’0’+timeout+”;
}
}
tmrloop = setTimeout(‘timeoutLoop()’,1000);
}
function timedOut() {
clearTimeout(tmrtimeout);
if (timeouturl!=””) {
location.href = timeouturl;
}
}</script>

If you post questions, I can try and help you out as best I can. Also, feel free to post on the Bahamas Security forum where Rory can provide some help. Their website is – http://www.bahamasyellowpages.net/cctvforum/

 

 

 

 

Leave a Reply

101 Comments on "Embedding Network Camera Video on a Website"

Notify of
avatar

Sort by:   newest | oldest | most voted
Max from UMedia
3 months 18 days ago

Just want to let you guys know that the latest version 12.0 of Unreal Media Server allows playing with HTML5 player, no Flash is needed any more. The live stream latency is comparable to Flash, for pure video (no audio) stream it can be 200-500ms.

เดรสออกงาน

I enjoy, lead to I found exactly what I was taking
a look for. You have ended my four day lengthy hunt! God
Bless you man. Have a nice day. Bye

auriculares bluetooth 2015
1 year 8 months ago

I have read several good stuff here. Certainly worth bookmarking for revisiting.

I wonder how much attempt you place to make one
of these great informative website.

TheUberOverLord
1 year 8 months ago
buy one million youtube views

It’s really very difficult in this active life to listen news on TV, so
I just use internet for that reason, and get the most recent information.

Mull89
Mull89
1 year 11 months ago

All setup but I keep getting this error on the webpage
“A connection attempt failed because the connected party did not proper..”

Just trying locally so far. Any help??

rtmp seems to be working fine as VLC Player had no problem with it

Max from UMedia
1 year 11 months ago

That error message means that the server could not connect to your RTSP camera.
You need to change the protocol from TCP to UDP and maybe disable A/V synch.

Jan Zimmermann
2 years 10 hours ago

There is a new easy way you can embed Axis camera live view to your website. You can use an application CamStreamer which is running inside the camera. It is working as RTMP or MPEG-TS client. You can push the video directly YouTube Live or any other RTMP streaming platform. No need for computer or encoder. See http://camstreamer.com

Calvinthesneak
Calvinthesneak
2 years 1 month ago

One of the first comments was about transcoding. Axis offers a streaming assistant, so that you can transcode your video into a format more appropriate for webpage viewing.

http://www.axis.com/products/streaming_assistant/index.htm

I’ve been looking for good transcoding solutions for other camera brands as I have installations with other brands of cameras. If anyone has suggestions, I’m all ears.

Mike
Mike
2 years 1 month ago

Here is a link for Neptune Systems Apex Controller. The customer support rep told me “no one knows how to input the url for the H.264 stream lol. In the link, there’s a small section about html 5. However the support team has no idea how to help users with it.

https://www.neptunesystems.com/a
pex-fusion/

Mike
2 years 2 months ago

I’m try to embed my H.264 stream on my Apex dashboard. I have to login to my specific screen and this stream is only visable to me. Can you tell me which section of your guide would apply for this? I am using a ddns service and already have embedded the MJPEG stream, but I’m trying to embed my H.264. Thank you.

Columbus
Columbus
2 years 3 months ago

Choose one particular of the many wireless security cameras offered and
set up it in an location where you can get a complete
view of what goes on inside your workplace. Some of these network camera models have a tilt function that can move automatically, delivering
you with a full view of the surrounding area.
Wireless safety camera systems with a evening vision option enable you to see in the evening.

Luke
Luke
2 years 5 months ago

Great, really great article! About third party services: I have found and tried the click2stream services and I am totally satisfied! What services would you recommend?

rtechw
rtechw
2 years 6 months ago

Trying to replay stream from UnrealMediaServer via StreamingMediaPlayer I can get only notice:
“Client does not support this RTSP server video media type/format”.
VLC is able to live display from this IP camera and detect it as:
H264-MPEG-4 AVC (part10)(h264)
352×288
30fps
Planar 4:2:0 YUV full scale
audio PCM MU-LAW

Does it mean I need to use Unreal Live Server for transcode?
Can anyone help and advise?

Max from UMedia
2 years 5 months ago

Looks like your camera sends uncompressed audio which Unreal Media Server does not support over RTSP. Does it work if you don’t send the audio from the camera?
If you do need the audio, try to set AAC audio encoding, if your camera supports it – that’s ideal; if you do G.711, you will need to transcode with Unreal Live Server

adyhu78
adyhu78
2 years 7 months ago

It’s not easy to display live video stream from an IP camera on a web page because you need wide internet bandwidth and a great video player that is compatible with the major browsers.

But fortunately there are some cloud based services that can do this job for us. One of the best is IPCamLive. This service can receive RTSP/H264 video stream from an IP Camera and can broadcast it to the viewers. IPCamLive has Flash/HTML5 video player component that will display the video on PC, MAC, tablet or mobile. The greatest thing is that this site generates the needed HTML snippet for embedding the live video like this:

So we just need to copy paste it into our HTML file without any modification.

James
James
2 years 8 months ago

I can’t seem to get it working.

My rtsp feed works in unreal player and vlc, but does not work in HTML. I do not plan on putting this website on the ‘internet’. It will be hosted locally on a LAN. This has me confused on the RTMP address?

On another note, how fast is the video response? I have a js solution for another camera, and a html solution for Axis and the video is almost true real time. The unreal player is quite laggy.

Here is my HTML:

testpage

This is my example

embedPlayer(‘player-container’, {
flashvars : {
‘rtmp’ : ‘rtmp://192.168.127.99:5119/live/TestCam’,
‘autoplay’ : true },
size : { width: 352, height: 240 },
playerStyle : ‘quick’ });

Max from UMedia
2 years 8 months ago
Hello Everyone, I am one of the architects of Unreal Media Server software, noticed this blog and thought I will drop couple of lines here. First of all, thanks to the author of this blog – written really well and great support given to people. Now, some suggestions. 1. If your RTSP camera encodes H264/AAC then you can use Unreal Media Server directly, as described in this blog, to display the feed on a web page with Flash player, and also to create HLS streaming for mobile devices. 2. If your RTSP camera encodes MPEG4/G.711 then you must transcode the stream to H264/AAC in order to play with Flash player. You can do it with Unreal Live Server plus our RTSP DirectShow source filter – download these at our website. Unreal Live Server will transcode the stream and push it to Unreal Media Server which sends the stream to Flash player. This scenario can also be used if your RTSP cameras are behind NAT router (in some LAN) so external Unreal Media Server cannot directly connect to them. In this case, run Unreal Live Server in the same LAN, and, using dynamic live broadcast on the Media Server, push a… Read more »
Eduardo Schrappe
Eduardo Schrappe
2 years 8 months ago

Hi,

I’m having some trouble to publish it on the browser. I can see the vídeo on the player (VLC and Streaming Media) but when I copy the HTML and past it on Dreamweaver it shows a syntax error and nothing appears on the browser. Can you help?

Thanks!

TheUberOverLord
2 years 9 months ago

Dean,

Sorry for the Typos.

Please feel free to edit them if you decide to allow my comment as well as remove the crazy extra bold text. Only the word “Four” was meant to be in bold. Then please delete this Comment.

Thanks

Don

TheUberOverLord
2 years 9 months ago
It’s very important that camera owners are aware that anyone even knowing the lowest User Level Id an Password for your IP Camera can lock YOU the camera owner out of accessing your camera. This is another reason why exposing this information is very dangerous. This is because generally most IP Cameras have a finite number of what is termed as “Long Term” concurrent connections. These are connections which require a logon which don’t terminate until you stop them. For example, a request to get a Snapshot from a IP Camera is considered a “Short Term” connection. Once the Snapshot is received the connection used to retrieve that Snapshot is automatically closed. The same is NOT true for logons to the Standard Camera Interfaces, third-party software which logs into the IP Camera and remains logged in and in many cases for MJPEG based cameras video streams as well. You can easily emulate reaching this “Long Term” concurrent connection limit, which is in many cases a maximum of four concurrent “Long Term” connections before all other “Long Term” connection requests are rejected and denied unless/until one of those current connections is stopped/terminated by opening up four browser windows and accessing the… Read more »
Bob R.
2 years 10 months ago

No, the members have to know the username/password. The IP and port are probably visible if one were to look at the Page/”view source” in the browser. Anyway, the user/pass is not admin or operator; but viewer only. I changed the default port on the camera and the router has its firewall enabled, including NAT. I’ll try a port scan as you suggested to see what else needs to be locked down. I imagine the usual ports like ftp, http, etc. are probably accessible.

Yes, I’m with you on the streaming service advantages. Right now, I’m streaming mjpeg 640×400 to only a few who know about it (as it is a new thing…). I only have 2 mbps up currently and with the every 5-minute ftp and only the occasional hit from the live view, I haven’t noticed any degradation yet. I imagine that will change as more become aware of the camera. It would be nice to take full advantage of the HD capabilities of the camera, so I will look into making some changes.

Thanks for your help and insight.

Bob R.

Bob R.
2 years 10 months ago
I’m not quite sure what you mean by “the account and limited abilities”. In order to load the web page, a viewer has to follow a link to the member page and enter a member username and password. Once viewing the page, if they want to view the live stream, they have to enter the camera’s “viewer” username and password which supposedly doesn’t allow control of the camera. I have set up various users, changing the default camera logins. Only the “viewer” username and password is known by members and that will be changed once a year. We only have about 70 members and most are only moderately computer-literate. I’m thinking I’m pretty safe; but I’m interested in how secure you think the setup is, from a “hacker’s” point of view. Is my LAN and personal data vulnerable? What would be the most secure situation–any suggestions to improve the current setup? Would a DDNS name for the camera be more secure than the IP address? That is also on my research to-do list. How secure are the streaming services? Any suggestions to beef up my local security will be appreciated. Thanks for the quick reply–very helpful. Bob R.
Bob R.
2 years 10 months ago

Thanks for all the help. I had just bought an Axis M1004-W just before your most recent posts. I installed it and was able, once I found my way around the firmware, to ftp a single image, overwriting the old one, to my web site.

On a different note, I was able to imbed a link to my camera (IPaddress:port) to view a live feed, when clicked. I’m not sure how safe that is, regarding my local network. The link is behind a password protected folder on my website so that only members can view the camera, so I think that provides a certain level of security. I’m quite new to the network camera scene, although am very computer-literate. The stream is currently using Mpeg4, which I’m told is not so efficient as H.264. I tried the latter, but many were finding it difficult to connect using IE. So far, not much of a hit on the bandwidth. I am considering a stream hosting service (free or inexpensive). Any suggestions?

You guys are really helpful to people like me–I’ve learned a lot already. Thanks for what you do.

Bob R.

Spencer
2 years 10 months ago
I can confirm for certain that that the Acti cameras will FTP a snapshot AND overwrite the corresponding file. Panasonic cams will do the same. Hikvision and Dahua will NOT. I have used Panasonics for a long time and their user interface is very good and understandable. They cannot compare to the Chinese cams on a price-point basis however. I have therefore looked long and hard for a replacement and I think I have one in the Acti D42. (I DON’T want wide-angle distortion). These are all for webcam usage. I used the Acti D72 for awhile but don’t like the distortion of the wide-angle. That said, I am using it in another location where wide-angle is desirable. I use the Panny BL-c140 and the WV-SW175; noticable difference in quality (as well as price). THe 140 comes with a proprietary POE connection so it’s even cheaper. Both Pannys and the Acti were exposed to temps well below 0F. (probably -15F. ) for overnight periods and never missed a beat the Pannys for over a year and the Acti for a few months. Hope this helps. I did not look at the Axis due to a higher price point. I hear… Read more »
Jon
Jon
2 years 11 months ago

We have tried that using VLC but the problem is that it is not compatible on latest Mac OS X browsers.

J.N
2 years 11 months ago

Insert this code in the Of your website.

I like to include this header to install the player. You can remove or modify to your liking.

VLC is only player I’ve gotten to work without other server issue or programs seen on this network camera blog.
This method works better.

– View Live Streaming Video: INSTALL FREE VLC PLAYER

:554 refers to the RTSP port. 554 is default don’t change unless your IPC NVR uses a different port.

Channel=pulls the camera feed, since you have no NVR only IPC’s all your code should say channel=1

Subtype=0 (uses main stream megapixel res but more bandwidth needed)

Subtype=1 (uses the secondary stream / less bandwidth)

J.N
2 years 11 months ago

I’ve setup a handful of websites with live streaming cctv video.
The process I see here looks and sounds way more difficult.
I use all Dahua IPC or/and NVR
And using the RTSP stream and some simple html code have streaming video
Email me if you’d like the code
http://69bravo.com

Szymon
Szymon
2 months 21 days ago

I’m also interested to try your code. Could you please send it on my email: simonkey007@gmail.com

thanks

joinmedia
joinmedia
2 years 9 months ago

Im interested to try your code, can you email to me your code here: joinmedia@hotmail.com
thanks.

Jon
Jon
2 years 11 months ago

Im interested to try your code, can you email to me your code here: jonryu123@gmail.com

I’ve tried above example but doesn’t work.

Thanks.

Jon
Jon
2 years 11 months ago

I followed your steps properly but when I open the browser the same PC where the unreal media server is installed, it only shows black screen, after few seconds, the screen will turn into green. I’ve tried to open the rtsp URL in VLC and it works fine.

Hope you can help me with this.

Thanks.

jon
jon
2 years 11 months ago

I followed your steps properly but when i open it on the browser it only shows green screen, the live stream will not show up. I’ve tested it on the same PC where the unreal media server is installed.

I test the rtsp url in VLC and it works fine. Can you help me with this?

Thanks.

Eric
Eric
2 years 11 months ago

Great stuff. I’d like to put a custom integration solution together, get card access data from an access control systems DB, and timestamping recorded video so that the desired playback snippet can accompany a card swipe event.. In other words- how can you playback video, using a desired time/date as a parameter?

Javier
3 years 1 month ago

Hi.

I have an online shop with a live demontration of cameras, this is made with vlc and the codec is ogg. The website is in html5, and the videos are integrated in ogg. I would appreciate if you could help me to integrate the videos in mp4 format because I have problems introducing them with the vlc and it is not possible to see the videos with the codec ogg in many devices.
Here below you can find a link to see how I did the demonstration:
http://outletseguridad.es/home/321-kit-2-camara-interior-1000-lineas-con-grabador-digital-4-ch.html
Best regards and thank you very much in advance for your help

Jon Fear
Jon Fear
3 years 2 months ago

Hi Dan

Is there any chance you can share your working file with us? If you can host a text file copy somewhere then even better. I too am seeing the same thing as you and that is after doing the character updates…

Thanks

Jon

dan
dan
3 years 2 months ago

I have a text file hosted here:

http://www.viewpix.com/misc/WebCamUnreal.txt

Dan
Dan
3 years 2 months ago

I’ve verified the rtsp url in vlc – works a treat
I’ve made sure the windows firewall is not blocking anything but all I get is the “This is my example” and nothing else on the page. IE notifies me about allowing blocked content – which I allow – but then just a white screen again. I tried Firefox, Chrome and IE. No love.
I did verify that http://www.umediaserver.net/bin/FlashPlayer/umsplayer.js does connect – but it’s acting like there’s nothing on the page except “This is my example”
I installed the 64 bit version of Unreal under Windows 7.

Agustin
3 years 3 months ago

It is very important to see to it that these
systems are in perfect working order each day. You can definitely check with your friends and family
in order to know about a reasonably good quality camera within
your limited budget and you will definitely come across the name of DVR security camera.
Using a dummy camera can often deter a potential crime before it occurs.

kenny
kenny
3 years 5 months ago

I did test that right off… i know i had internet because i am remotely connected to that machine. 🙂

Webpage Streaming My Camera

This is my example

embedPlayer(‘player-container’, {
flashvars : {
‘rtmp’ : ‘rtmp://192.168.1.100:5119/live/test’,
‘autoplay’ : true },
size : { width: 352, height: 240 },
playerStyle : ‘quick’ });

kenny
kenny
3 years 5 months ago

I tried to play it in unreal’s media player but it would not play there either…
This page does not even display the player… just white where the player should be.

Webpage Streaming My Camera

This is my example

embedPlayer(‘player-container’, {
flashvars : {
‘rtmp’ : ‘rtmp://192.168.1.100:5119/live/test’,
‘autoplay’ : true },
size : { width: 352, height: 240 },
playerStyle : ‘quick’ });

kenny
kenny
3 years 5 months ago

Hello, i have tested the rtsp url with vlc and quicktime.
I did it with the actual static ip on my local workstation.
When i try to test the rtsp stream right on the video encoding machine with the local address it says it does not work… but it is definitely right. The only difference is the ip numbers going from static to local.

Here are the screenshots. It shows the properties of the stream.
As well as the settings of trying to open it in their media player.
The last screenshot shows the rtsp url working remotely with the static ip instead of 192.168…

See anything in there?

Thanks

kenny
kenny
3 years 5 months ago

I wonder if this only works in older versions of unreal media server?

i just installed and followed this tutorial… does not work for me.
even in their unreal media player it does not work.
i read somewhere on their site or forum that they only support certain types of ip cameras…

i am trying this with a dahua camera…

do you know if this is still supposed to work?

thank you so much.

ndugus
3 years 5 months ago

Mine is not working after trying all that

Spencer
3 years 8 months ago

Thanks- I’d already DL’d Blue Iris (and got it working with the Dahua) but didn’t see an option to FTP a snapshot; I will look closer. Also will check out Axxon…

Spencer
3 years 8 months ago
Dear NCC- Thanks for all the great reviews. I saw you also on CCTVforum regarding a tourist cam and I wish I had seen it earlier (see below). I am using surveillance cams for webcams. I have 2 Panasonics: 2 BL-140’s and one SW175. They have been bulletproof (one operates at 14,000 feet at temps sometimes below -24F) but the image quality is just not there (the SW175 is a big step up but still lacking). I especially love the IP aspect of these cams (no computer needed). I just bought the 3MP Dahua and think your comments are right on about reliability and support. The most frustrating thing so far is the inability to FTP a single snapshot to my website and overwrite the old one (it creates a separate folder and file for every “event”). Any suggestions for software to accomplish this? I guess I’m going to take your ideas for creating a media server and stream video as well which means I’ll have to get an old notebook or similar for the Dahua. Or I might just buy an Acti (again on your suggestion) for the enhanced jpeg quality and forego the streaming. I’d really like something… Read more »
Vincent Tong
Vincent Tong
3 years 8 months ago

I have a client who is doing this using Kabcam
http://www.kabsoftware.com/kabcam-webcam/

He uses it with our cameras and you have to provide the CGI command for the snapshot

Joshua
3 years 9 months ago

perfect! thank you for all the help.

Joshua
3 years 9 months ago

I’ve almost got an idea of the layout. I just need a little more info please.
The IPC and Media Server (Unreal media program) are on the same network, the Web Server is hosted by lets say GoDaddy.com . so all I should need to setup is port forwarding rules for the Media server to be accessed on WAN.. port 5119 & 5130 (protocol both or TCP & UDP) to the IP of my PC running the Unreal Media Server Program.

this correct? thanks again

Joshua
3 years 9 months ago

I am trying to get Mac iOS to stream the RTSP feeds I’ve setup on this website.

They are successful on Windows once VLC has been installed but MAC is not, just shows missing plug in.

I am confused on this rtmp://192.168.1.100:5119/live/dhdvr

I assumed i needed to input the IP of my PC running the unreal media server. so after i ported 5119 (TCP&UDP) i enter example rtmp://public_IP:5119/

any help i can get will help. Thanks.

P.S. These are Dahua Cameras

chris ws vreewijk
chris ws vreewijk
3 years 9 months ago

Yes you are right BUT the problem is with mms stream it is not visble for all brouwsers,I know some have plug ins like firefox and chrome but as the use of android/Ipad tablets is growing the problems are increasing,I have a mms stream running for quit a while but this is one of the reasons Iám looking for an alternative.

Cheers Chris

chris ws vreewijk
chris ws vreewijk
3 years 9 months ago

It looks just what Iám searching for but I have two questions,is it possible to use usb webcams too??
and second question if one use autostart as a auto reboot program will the webcam stream start auto or do one needs to do manual steps after each pc reboot ???
Thanks in advance for some hints.

rgds Chris

Vincent Tong
3 years 10 months ago

Have you tried using ustream/justin.tv/livestream to use as your broadcaster and just use unreal as your rtsp to rtmp so you wont have to worry about bandwidth because it wont be hosted by you.

Kifaru
Kifaru
3 years 10 months ago

Great job…..That’s a pretty good write-up

CCTVnerd
3 years 10 months ago

That is the best tutorial in whole internet!
Just what I needed 🙂
Thanks a lot

Ryan
Ryan
3 years 10 months ago

Great job! Next step is finding a transcoder to do h264 or HTML 5. Have you looked at VLCs capability at transcoding?

wpDiscuz