VideoHelp Forum
+ Reply to Thread
Results 1 to 17 of 17
Thread
  1. Member
    Join Date: May 2012
    Location: New York
    Search Comp PM
    Hi Guys,

    I hope someone can lend me a hand or at least point me in the right directions. I've been to the 100th page on google and still can't find a solution.

    Here it is:
    I am using IP Cam (an app for android phones) to stream live video. It basically functions as a basic IP camera. It gives me a URL where the feed is. It looks like this http://192.168.2.32:8080/ when I'm connected to my WiFi network. The video stream is at http://192.168.2.32:8080/videofeed.

    Here is what I'm trying to do:
    I want to capture the video feed of the camera which is at http://192.168.2.32:8080/videofeed and embed it in an HTML5 player (the one I plan to use is Video JS) or a Flash player if the HTML5 doesn't work (prefer HTML5 though). The HTML5 player is asking me for a source file (such as .mp4, webm, mov, etc) but at http://192.168.2.32:8080/videofeed there is no source file. It's just HTML stream.

    My question is how to I embed that video stream into my HTML5 player and post it on my website.

    Any help and suggestions would be greatly appreciated.

    Thanks very much for taking the time to read this.

    Stan
    Quote Quote  
  2. aBigMeanie aedipuss's Avatar
    Join Date: Oct 2005
    Location: 666th portal
    Search Comp PM
    that's an internal network ip. it is only visible to computers behind your wifi router and i assume your website is hosted elsewhere.
    --
    "a lot of people are better dead" - prisoner KSC2-303
    Quote Quote  
  3. Member
    Join Date: May 2012
    Location: New York
    Search Comp PM
    Hi aedipuss,

    Thanks for the reply. Yes, that is an internal IP address. I'll port forward it whenever I need to access it outside the network which I'll have to do if I want to post on my site of course.

    However, what I'm trying to do right now is capture that stream and embedded in some sort of player - such as HTML5 or Flash player. Whenever I go to http://192.168.2.32:8080/videofeed it's just an HTML stream and there isn't any sort of file that I can call inside the player.

    My question is how do I capture that stream and embed it in a .mp4 file for example.

    Any ideas and suggestions??

    Thanks

    Stan
    Quote Quote  
  4. aBigMeanie aedipuss's Avatar
    Join Date: Oct 2005
    Location: 666th portal
    Search Comp PM
    see if vlc cam open your "network stream"
    --
    "a lot of people are better dead" - prisoner KSC2-303
    Quote Quote  
  5. Member
    Join Date: May 2012
    Location: New York
    Search Comp PM
    Yes, I can open the stream in VLC but I don't know how to export it as a file which I can pull into the player. I tried some of the settings built into the export menu in VLC but it wouldn't work for some reason. Do you know how to do that?

    Thanks in advance.

    Stan
    Quote Quote  
  6. Member
    Join Date: May 2012
    Location: New York
    Search Comp PM
    Here is the source code of where the video is located at the moment. I can't see file that I can pull out.

    <html>
    <head>
    <title>Happy Droids IPCam</title>
    <script type="text/javascript" src="min.js"></script>
    <script type="text/javascript" src="jplayer.js">
    </script><script type="text/javascript" src="common.js"></script>
    <style type="text/css">

    body {
    font-size: 18px;
    font-family: Verdana, Geneva, sans-serif;
    }

    .selector1 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    background-color:#FFF;
    opacity:0.78;
    filter:alpha(opacity=78);
    }
    .pointer2 {
    font-size: 36px;
    font-family: Verdana, Geneva, sans-serif;
    background-color:#FFF;
    opacity:0.78;
    filter:alpha(opacity=78);
    font-weight: bold;
    }

    .image{
    position:fixed;
    bottom:10px;
    right:10px;

    }

    </style>
    </head>
    <body>
    <div>
    <label class="pointer2">Happy Droids IPCam</label>
    <p>
    <label class="selector1" >
    If no video appear below, you are using unsupported browser.
    </label>
    </p>
    </div>
    <div>
    <img src="/mjpeg" alt="IPCam's stream."/>
    </div>
    <div id="jplayer">
    <input type="button" onClick="createAudio()" value="START AUDIO"/>
    </div>
    <div>
    <div style="width:430px"><style>.mcrmeebo { display: block; background:url("http://widget.meebo.com/r.gif") no-repeat top right; } .mcrmeebo:hover { background:url("http://widget.meebo.com/ro.gif") no-repeat top right; } </style><object width="430" height="300" hspace="50" vspace="10"><param name="movie" value="http://widget.meebo.com/mcr.swf?id=aTstIZKZhl"></param><embed src="http://widget.meebo.com/mcr.swf?id=aTstIZKZhl" width="430" height="300" hspace="50" vspace="10" type="application/x-shockwave-flash" /></object>
    <p>
    <label class="selector1">
    Please note, other chat users can NOT directly see your stream. Only users connected to the same network as your android device can do so.
    </label>
    </p>
    </div>
    </div>
    <img src="/background" class="image"/>
    </body>
    </html>
    Quote Quote  
  7. Member
    Join Date: May 2012
    Location: New York
    Search Comp PM
    Here is a screen shot.
    Attached Thumbnails Click image for larger version

Name:	Screen shot 2012-05-14 at 10.13.19 PM (2).png
Views:	631
Size:	179.2 KB
ID:	12441  

    Quote Quote  
  8. aBigMeanie aedipuss's Avatar
    Join Date: Oct 2005
    Location: 666th portal
    Search Comp PM
    if you capture the stream and record to a file then you need to upload it to your website server and it isn't streaming video. it's just a normal video file played on a website.

    not encouraging -
    Please note, other chat users can NOT directly see your stream. Only users connected to the same network as your android device can do so.
    you may need to look into a service like ustream.com
    http://www.pcworld.com/article/242633/how_to_broadcast_a_live_video_feed_from_your_pho...or_tablet.html
    --
    "a lot of people are better dead" - prisoner KSC2-303
    Quote Quote  
  9. Member
    Join Date: May 2012
    Location: New York
    Search Comp PM
    Well that's my dilemma. I want it to be live and avoid services such as ustream and justin.tv. Basically what I'm trying to do is capture that stream of video and put in a player in my website. Is that possible??
    Quote Quote  
  10. aBigMeanie aedipuss's Avatar
    Join Date: Oct 2005
    Location: 666th portal
    Search Comp PM
    depends on where your website is hosted and what they allow.
    --
    "a lot of people are better dead" - prisoner KSC2-303
    Quote Quote  
  11. Member
    Join Date: May 2012
    Location: New York
    Search Comp PM
    What would be some ways of doing it??
    Quote Quote  
  12. aBigMeanie aedipuss's Avatar
    Join Date: Oct 2005
    Location: 666th portal
    Search Comp PM
    you need to answer the question already asked. most hosts don't allow it without going through a service like ustream.
    --
    "a lot of people are better dead" - prisoner KSC2-303
    Quote Quote  
  13. Member
    Join Date: May 2012
    Location: New York
    Search Comp PM
    I mean if that's the case I can always host it myself if it ever comes to that.

    I tried using VLC to convert the HTTP/MJPEG stream to RTSP stream with no success yet.

    If you have an idea of how to do please let me know.

    Thanks

    Stan
    Quote Quote  
  14. aBigMeanie aedipuss's Avatar
    Join Date: Oct 2005
    Location: 666th portal
    Search Comp PM
    --
    "a lot of people are better dead" - prisoner KSC2-303
    Quote Quote  
  15. Member
    Join Date: May 2012
    Location: New York
    Search Comp PM
    Yes, it is still free and I got it, but I don't think it will do what I need to do : (

    Thanks for all you help and suggestions man. Let me know if something else comes to mind : )

    Stan
    Quote Quote  
  16. 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.com. 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:

    <iframe src="http://ipcamlive.com/player/player.php?alias=szekesfehervar" width="800px" height="600px"/>

    So we just need to copy paste it into our HTML file without any modification.
    Quote Quote  
  17. Member TreeTops's Avatar
    Join Date: May 2010
    Location: Oregon
    Search Comp PM
    That might work but ipcamlive.com seems to be hosted outside the U.S. as pricing is in Euros. About $21 U.S. dollars per month for one IP camera.
    Inside Every Older Person Is A Younger Person Wondering What The Hell Happened.
    Quote Quote  



Similar Threads