Ip cam embedded in index.html

132 views
Skip to first unread message

Marty Girvan

unread,
Dec 4, 2013, 4:08:09 AM12/4/13
to web...@googlegroups.com
I have a wireless IP cam and want to stream the feed to my web page or Webiopi server.  

I add this line to my code, but it seems to show a broken link on the page:

<img src=http://DNSServerAddress” width=”640” height=”420”/>

Any thoughts would be awesome as to how to implement multiple IP cams to a web page.  I have done a ton of research into this today but seem to only find info on USB cams.  Thanks again.  

trouch

unread,
Dec 4, 2013, 1:29:38 PM12/4/13
to web...@googlegroups.com
I guess you are forwarding a port from your router to your IP cam ?
then you have two possibilities :

Option 1:
forward a different port for each cam on your router :

router port 81 => Local-IP-cam-1 port 80
router port 82 => Local-IP-cam-2 port 80

then in your html :
<img src=http://PublicDNSName:81” width=”640” height=”420”/>
<img src=http://PublicDNSName:82” width=”640” height=”420”/>

Option 2:
forward router port 80 to an Apache2, located on a computer/server/pi
configure Apache2 for Reverse Proxy several locations to each of your cam :
<VirtualHost *:80>
...
ProxyPass /cam1 http://Local-IP-cam1
ProxyPassReverse /cam1 http://Local-IP-cam1

ProxyPass /cam2 http://Local-IP-cam2
ProxyPassReverse /cam2 http://Local-IP-cam2
...
</VirtualHost>

and in the html :
<img src=http://PublicDNSName/cam1” width=”640” height=”420”/>
<img src=http://PublicDNSName/cam2” width=”640” height=”420”/>





--
You received this message because you are subscribed to the Google Groups "WebIOPi" group.
To unsubscribe from this group and stop receiving emails from it, send an email to webiopi+u...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

Marty Girvan

unread,
Dec 4, 2013, 3:22:22 PM12/4/13
to web...@googlegroups.com
Trouch, thanks for the info.  I am forwarding a port from the router to the IPcam.  From an outside connection, I can view the webcam (WAN).  I posted this line into my code and nothing shows up...

<img src=http://myDNShost:1499” width=”640” height=”420”/>

Still searching, let me know if you have nay thoughts.  thanks man.

trouch

unread,
Dec 4, 2013, 3:27:30 PM12/4/13
to web...@googlegroups.com
If http://myDNShost:1499 work with an external connection, then the page will also work with an external connection.
you have a missing double quotes at the begining of your src attribute.



--

Marty Girvan

unread,
Dec 4, 2013, 3:56:33 PM12/4/13
to web...@googlegroups.com
I saw that... DOH!  Thanks man.  Ill play a bit and repost my results.  
Reply all
Reply to author
Forward
0 new messages