Streaming a webcam to a remote webpage

I am an amatuer web programmer. I manage our website for my
restaurant. www.KitesLive.com I have been trying to get a stable
streaming webcam on our site for some time without having to pay
some ridiculuos amount to a third party provider.
I hope this helps someone else, because it took me forever to
find all these steps
Step 1: Set up the webcam. I took a simple surveillance
camera and hooked it to an inexpensive video capture PCI card on my
computer at the restaurant that I use to provide free WiFi for my
customers. The video capture card came with some drivers which
allowed me to connect to the camera. (Note: I was a little
disappointed with picture quality, but I think that was a case of
you get what you pay for)
Step 2: Flash Media Encoder. You can download it free from
adobe at www.adobe.com/products/flashmediaserver/flashmediaencoder.
I installed it on my computer (above) with the webcam hooked up to
it. Once installed run the program. The audio and video settings
are fairly straight forward. The output side was a little tricky
for a while. In the box labeled FMS URL enter
rtmp://localhost/live/instance1. Unselect save to file if checked.
In the box labeled Stream: enter livestream For now, you are done
with the Media Encoder.
Step 3: Flash Media Server. You can download the free
Development version from adobe at
http://www.adobe.com/products/flashmediastreaming.
I also installed it on the same computer as above. There are some
limitations to it, but it worked for me. Take a look at this
article for help installing it.
http://www.adobe.com/devnet/flashmediaserver/articles/beginner_installing_fm3.html
Once it is installed and running, I didn't mess with it. You can
log into the admin console to see the connections and performance
if you like. In the install process there is a point that deals
with the port for remote access. Keep track of this number. The
default is 1935.
Step 4: Go back to the Media Encoder. Click on the 'Connect'
button to make the connection from the encoder to the Media Server.
If everthing is working correctly the button will switch to a
'disconnect' button. Finally, click the 'Start' button to start
encoding the video feed to the Media Server.
Step 5: Find you ip address. If you don't have a static IP
address you will need to contact your service provider to find out
how to get one. Without a static IP you won't be able to put the
address in the Flash Player, because at some point your ip will
change. You can find you IP address by going to
http://www.whatismyip.com.
Step 6: Open the Ports. First find the details how to open or
port forward for your router. I found a lot of help on this
website.
http://portforward.com/routers.htm
I had never done port forwarding before. Basically in a nutshell,
when you type in an address on a remote browser like
24.248.189.201:1935 the browser goes to your STATIC ip
24.248.189.201 then checks to see if port 1935 is open. If it is
open, it follows the rules set by your router to reroute the
browser connection to a local ip (example: 192.168.0.150) address
which connects to another application, in this case Flash Media
Server.
If you are using a firewall you will need to set it up to
allow remote access to the port. For windowsXP, in the control
panel you can open the windows firewall. There is a tab to add
expections. On that tab there is a button to add a port. Give it a
name for you to recoginize and type in the port number that you
wrote down while installing the Flash Media Server. It took me a
long time to find info about this little step. Every port you open
on your router has to have the same port opened on your firewall or
nothing will work.
Step 7: Build the Flash Player.
http://www.adobe.com/devnet/flashmediaserver/articles/webcasting_fme.html
is a great article on building the flash player. For my situation
the player is loaded on a public access webpage on a completely
different webserver. Here is a an example of the rtmp: string I
used to make the connection through the router and firewall to my
Flash Media Server on the computer at my restaurant. (of course, I
did change a couple of numbers for securtity sake)
rtmpt://24.248.189.201:1935/live/instance1/livestream. Now lets
break the string down. 1. rtmpt converts the protocol to http so
the router will accept it. 2. your static ip again, 24.248.189.201
3. your open port, 1935 4. the location of the stream, /live 5. the
folder of the instance, /instance1 6. the name of the streaming
file, /livestream
Step 8. Publish your player with Flash. Load the html file to
your webserver and preview it in a browser. It worked for me.
Note: I am still trying to find the actionscript to handle
trying to access this webpage when you are actually on the same
domain as Flash Media Server. Something about that causes Explorer
to freeze up. If I find it soon I will try to add it here.
Good Luck.

That doesn't appear to be a US model, and this is the forums for Toshiba USA. You may want to contact Toshiba in your region.
- Peter

Similar Messages

  • Video Stream from Webcam with socket possible?

    Hello there,
    i want to stream a live feed from my webcam in a chat, but i have no idea how to manage it... ( i dont want RTP ) ...
    I can allready display it on my screen, but how do i stream this ?
    Can i create a Socketstream from this ?
    And how can i transmit the format info to the other side?
    What i have is the following:
    The Component of the Camera:Component live = player.getVisualComponent();And the Formatsprivate static Format[] availableFormats;
    availableFormats = deviceInfo.getFormats();Any Ideas ?

    Hi,
    I want to do the same thing ... I was able to stream audio through the socket but could not stream video.
    I posted my question at http://forum.java.sun.com/thread.jspa?threadID=674676&tstart=15
    and presented a sketch of my implementation design. But until now no one has answered my question.
    This is how you should hook up the components on the transmitter side
    Webcam --> Processor --> Custom DataSink --> PushBufferStream --> PushBufferHandler --> Socket --> Network.
    You can implement the transferData() method of the PushBufferHandler to write to a socket.
    And on the Receiver side the components should be hooked up like this
    Network --> Socket --> PullBufferStream --> custom DataSource --> Player
    Now as I mentioned in
    http://forum.java.sun.com/thread.jspa?threadID=674676&tstart=15
    the audio works fine but the video does not. The video does not render on the receiver side.
    Note: I tried TCP sockets with audio and it is terrible (not practical at all) so I reverted to UDP datagrams and the result was better than I expected. I didn't take care of the ordering of received packet at the receiver but it still worked fine.
    I am still looking waiting for some help in why video is not rendering and how can I sovle this problem.
    I am workning on a project and time is running out.
    Any help?
    -Adel

  • Saving video stream from webcam periodically!!!

    Hi there, I want to catch every 1 minute video stream from the webcam, or video file, and save it into separate files. Of course I woudl like to have possibility to save many streams simultaneously. Any idea?
    Best regards

    Hi,
    I want to do the same thing ... I was able to stream audio through the socket but could not stream video.
    I posted my question at http://forum.java.sun.com/thread.jspa?threadID=674676&tstart=15
    and presented a sketch of my implementation design. But until now no one has answered my question.
    This is how you should hook up the components on the transmitter side
    Webcam --> Processor --> Custom DataSink --> PushBufferStream --> PushBufferHandler --> Socket --> Network.
    You can implement the transferData() method of the PushBufferHandler to write to a socket.
    And on the Receiver side the components should be hooked up like this
    Network --> Socket --> PullBufferStream --> custom DataSource --> Player
    Now as I mentioned in
    http://forum.java.sun.com/thread.jspa?threadID=674676&tstart=15
    the audio works fine but the video does not. The video does not render on the receiver side.
    Note: I tried TCP sockets with audio and it is terrible (not practical at all) so I reverted to UDP datagrams and the result was better than I expected. I didn't take care of the ordering of received packet at the receiver but it still worked fine.
    I am still looking waiting for some help in why video is not rendering and how can I sovle this problem.
    I am workning on a project and time is running out.
    Any help?
    -Adel

  • Live stream HDS and HLS with one webpage.

    Hello,
    First off, I am not a web developer, but I can put together a page if I have to. I have been tasked with setting up our Adobe Media Server 5 for live streaming and have successfully gotten the HDS and HLS streams running. I have created the two pages on our webserver to link to the HDS and HLS streams and I wanted to be able to integrate them into one page so the users don't have to choose the appropriate stream. Can anyone point me to a site or maybe an adobe help on how to do this simply and effectively? Does adobe have some prewritten code for this somewhere?

    Hi,
    One way you can do this is to use php script to identify the user agent of the client (http://php.about.com/od/learnphp/p/http_user_agent.htm) and then generate dynamic webpages based on the client (HLS for iOS based clients and HDS for flash based clients). As Apache can only serve static webpages, you'll need to use CQ/MySQL/something else. I've personally not attempted to do so, but this may be a good starting point : http://www.ibm.com/developerworks/linux/tutorials/l-php/
    Hope this helps.
    Thanks,
    Apurva

  • How to take advantage of H.264 video streaming of webcam BCC950

    We used flex 4.6 to develop an web app using Logitech webcam of BCC950, We used Graphedit of Directdraw to know BCC950 has pin 0 to support i320,RGB24,and mjpg stream, and pin 3 to support H.264 stream. We also set h264videostreamingsettings in as code to ask for H.264 data directly from the webcam, but from the CPU consuming we can judge flash player only fetch pin 0 uncompressed data instead of H.264 data directly. We need to take advantage of BCC950 H.264 support to get webcam hardware compressed H.264 streaming data to avoid compression by CPU/software. As we know flash does not give programmers choice to define the pin to get data, then what we need to do to make sure we can get H.264 video stream from the webcam directly? thanks. Henry

    ...well I did follow that article on playing an h264/mpeg4
    video in flash. It works well, but how would you add playback
    controls?
    FLVPlayback component only allows you to source an FLV video
    not h264/mpeg4.
    This is probably a simple as3 answer...but I am not
    knowledgeable on as3 to know what code to add.
    Any suggests or direction that I should look would be great.
    In the meantime I am researching actionscript 3 to find and anwer.
    E.

  • WPA2 - Webcam - Base Station - Remote Base Station ... How ?

    My Webcam is plugged into my Remote Base Station and uploads images over my WDS network to my Base Station perfectly ... and I can use my browser to access the Webcam's Control Panel - until I enable Wireless Security!
    Once Wireless Security is enabled on my Base Station and I have updated my WDS settings on the Remote Base Station, my browser can no longer access the Webcam and the camera's images are no longer transmitted to my Base Station.
    The type of Security makes no difference. I've had no luck with either WEP and WPA2.
    The only type of Security that allows the camera to use the WDS network is no Security!!
    Question:
    After I have enabled Wireless Security on the Base Station, does the Remote Base Station's Wireless Security also have to be enabled ?
    ---alan

    From the Camera Manufacturer:
    "Hi Alan,
    I'm not sure what is causing this. The camera doesn't know about the wireless. Any encryption is between the client and the base. Devices connected to the client should not be affected."
    Well - Thanks to that helpful tip, I have eventually determined that the correct procedure is:
    Step 1: Apply the encryption to the Remote Base Station that has the Netcam connected to it.
    Step 2. Apply the same encryption & password to the Main Base Station ... the one with Internet via Ethernet.
    Step 3. Rejoin my now 'closed' Network by selecting "Other" from the Airport menu in the Menu Bar.
    Step 4. Select the Network name from that popup menu
    Step 5. Enter my new WPA2 Personal Password.
    Success!!
    ---alan
    64 years old today!

  • Streaming live webcam feed to website - what is the problem ?

    Ok, first of all hello everyone - i searched this on the forum and come up with couple of solutions which i already did so hopefully someone can answer my question.
    I have installed flash media server, flash cs5, media live encoder to be able to view my webcam feed via my website. Now in addition to these, i started streaming to localhost, and installed a dns updater which updates a name server according to my current ip. Then i wrote this dns address in the feed's source from flash 5 as rtmp://thednsname.somedns.net/live/livestream
    so far so good, i also forwarded the ports 1935 incoming and outgoing from modem to my computer as well (because 1935 is said to be the default port number for media server). firewall -> closed (just in case); and my internet provider doesn't block ports...
    started the media server (with admin privilage in 7), started the live encoder, connect to localhost, start live feed.
    NetStream.Play.StreamNotFound : Adobe Flash tried to play a live or recorded stream that does not exist. Source can't be found.
    I DONT get this error, which means it finds a stream but on the website there is absolutely nothing. Any ideas will be much appreciated, i think i'm running out of steam here...

    If I am not wrong, you said that you are publishing a livestream and wanted to see the "NetStream.Play.StreamNotFound : " error on client-side whenever you fail to play a stream, right? so, basically it depends upon what value of the argument "starttime" are you using in your netstream.play call @ client side code, as it follows that:
    startTime - A number indicating the playback start time, in seconds. If no value is specified, the value is -2. If startTime is -2, the server tries to play a live stream with the name specified in streamName . If no live stream is available, the server tries to play a recorded stream with the name specified in
    streamName . If no recorded stream is found, the server creates a live stream with the name specified in streamName and waits for someone to publish to that stream. If startTime is -1, the server attempts to play a live stream with the name specified in streamName and waits for a publisher if no specified live stream is available. If startTime is greater than or equal to 0, the server plays the recorded stream with the name specified in streamName , starting from the time given. If no recorded stream is found, the play() method is ignored. If a negative value other than -1 is specified, the server interprets it as -2. This parameter is optional.
    This also means, you will get "NetStream.Play.StreamNotFound : " error on client-side if you are using 0 because in that case it will directly look for a recorded video file with the given name and will not wait for publisher to publish a livestream with that name and therefore will immediately return the string error "NetStream.Play.StreamNotFound : ".
    Please let me know if it answers your query.

  • AFP 11 bug - streaming video (webcam)

    Hi,
    I've updated flash player to the newest version (11), and I'm experiencing some problems with video broadcasting to websites like justin.tv or chatroulette.
    The bug: when broadcasting a screen recording, or my real webcam sometimes it jumps back to earlier frame for about half a second. It's hard to explain so I made a little video:
    I've created an example video with a timecode, and broadcasted it to a website, which uses adobe flash player 11:
    (In the left you can see the original video, displayed in broadcasting software's preview window; and in the right, website previews my broadcast. The parts where bug appears are in slow motion, so you could see the timecode "jumping" to previous frame)
    I wouldn't mind if this bug happened only in preview window, but the flash player broadcasts a buggy video, so the viewers also see this bug.
    This bug did not happened in Adobe Flash Player 10, but I tried all the subversions of 11 and all of them had this bug.
    I'm using windows 7, firefox. This also happens on IE 7.
    P.S. In the video above, this bug happens few times in a minute, but when I use my real webcam (and I'm moving the camera or I'm moving myself) this bug happens a lot more times.

    Thanks, it works in the new beta version.
    However I got another problem, which is related to this one, so I'll post it here:
    I don't know if this is flash player's bug or my hardware's problem, but I get horizontal lines over the video if I move camera a bit or I'm broadcasting something moving (just like this bug), so I also made a little video:
    (video is in slow motion again so you could see the actual problem)
    It might be my hardware's problem, because at first I didn't had it (~3 months ago), but then I had to reinstall windows, and I've had installed flash player, and this problem occured. I tried flash players 9,10,11 and all of them had this (but not before I reinstalled windows).
    However when I'm on chatroulette, the other person's video doesn't have these lines, but mine does (it seems that something is wrong with streaming).
    Maybe anybody knows fix for this?

  • Firefox crashes when I am opening the live stream or webcam chat

    Hi,
    when I open the webcam my firefox or IE crashes. It is closing the current firefox or IE and asking for the restore or start the new session?
    Firefox log capture
    Add-ons: {20a82645-c095-46ed-80e3-08825760534b}:1.1,{BBDA0591-3099-440a-AA10-41764D9DB4DB}:2.0,{4C0766D3-67A7-45a3-85A2-752F77312F32}:4.0,{972ce4c6-7e08-4474-a285-3208198ce6fd}:3.0
    BuildID: 2008052906
    CrashTime: 1301799262
    InstallTime: 1248370318
    ProductName: Firefox
    SecondsSinceLastCrash: 33653
    StartupTime: 1301799126
    Theme: classic/1.0
    UserID: e81bb960-cbb0-437c-8b70-ddbe396a5dfd
    Vendor: Mozilla
    Version: 3.0
    This report also contains technical information about the state of the application when it crashed.
    OS : vista service pack 1
    Laptop: dell 1525 inspirion
    adope player version: 10.2.153
    Regards
    Rams

    Go to '''Help '''| '''Check for Updates '''and update to version 3.6.16
    If you want to update further to v4.0 which is the current version, repeat the same steps.
    Crashes of the type you're experiencing were fixed in the two versions I've mentioned.

  • Webcam display on webpage using applet

    Hello,
    I am trying to write a simple applet to work as streaming webcam view on remote machine. I am supposed to show webcam view of my webcam server to others on internet using browser. So peridoically, I am saving webcam view in one file. So, a new view will overwrite the old view. And when the remote user opens link in webpage, embedded applet will load that image. Ideally this should make effect of streaming of webcam view. I am using following code for the same. But I am not able to achieve the desired effect. Can any one tell me what is wrong? Or else, if someone knows of better idea, please illuminate me.
    import java.applet.*;
    import java.awt.*;
    public class FirstApplet extends Applet {
    Image image;
    public void init() {
    // Load image/
    image = getImage(urlofserver , "webcam.jpg"); } //
    public void start() {
    image = getImage(urlofserver ,"webcam.jpg"); }
    public void paint(Graphics g) {
    // Draw image
    image = getImage(urlofserver ,"webcam.jpg"); }
    g.drawImage(image, 0, 0, this);
    // image.flush(); // if i flush the image, nothing is shown on web page
    fun();
    public void fun(){
    try
    Thread.sleep( 1000 );
    catch ( InterruptedException ie )
    repaint();
    }

    Try the following...
    import java.applet.*;
    import java.awt.*;
    public class FirstApplet extends Applet {
    Image image;
    public void init() {
    public void start() {
      Thread t = new Thread(new Runnable() {
         public void run() {
           while (true) {
           Thread.sleep( 1000 );
            repaint();
    public void paint(Graphics g) {
    // Draw image
    image = getImage(urlofserver ,"webcam.jpg"); }
    g.drawImage(image, 0, 0, this);
    // image.flush(); // if i flush the image, nothing is shown on web page
    }

  • Streaming Webcam with media server and cs3

    Can someone explain how to stream a webcam with media server?
    Ive got media server and flash cs3 (actionscript 2.0 in this
    case) installed, and I want to create a live webcam stream, but Im
    not really sure how to do it. I know it involves NetStream, and
    camera somewhere along the line but thats about it. If someone coul
    give me an iea of how to o it that owul be much appreciated.
    Thanks

    Clockwork_Killa,
    I don't use it with webcams, but there are some nice examples
    in William Sanders book, Actionscript 3.0 Design Patterns. It's the
    only book I've found that has any real world examples of working
    with media in Flash with fms2.
    Hope it helps. Good luck. You're going to need it ;)

  • Can I embed a webcam into site without streaming it to my server?

    Hello!
    I want to make a site were people would see themselves on their webcams. Is it possible without streaming the webcams to my server? I don't need it, I just want to show people to themselves on my web page
    Thanks,
    Billy

    I am using a free Java, JMF based, application (www.yawcam.com) that allows streaming of my own image, but also has a preview mode.
    You need therefore a subset of yawcam functionality, just the preview.
    Also, you need it to be an applet or webstart application.
    Based on all this, I guess the answer is yes.

  • Bandwidth for webcam streaming?

    Hi, i'm new here.
    I'm trying to stream a webcam from 1 server to many client, what I really need to know is :
    1. How to adjust a bitrate video for bandwidth streaming, is it enough just using a Camera.setQuality() ?
    2. If u set Camera.setMode() at large resolution, for example at 1024x768 is it could make the bandwidth for client access increase too ?
    I mean is it affect the bandwidth for set the resolution at small (ex: 160x120) or set at large (ex: 1024x768) resolution.
    3. Same as number 2. just it was for video=new Video(w, h) . Is setting a video size affecting the bandwidth ?
    4. I just still develop at local, how to test it with a real connection? Could *Stimulate download at Flash test movie test a real connection with FMS?
    Thx ..

    Hopefully others will jump in here too, but I thought I'd point you to Robert Reinhart's Web Video Bitrate Calculator:
    http://www.adobe.com/devnet/video/encoding.html
    Look down at the bottom right of that page -- there are links to the calculator and to an article about encoding.
    HTH,
    Jody

  • [SOLVED] Streaming webcam

    Hello friends, can you advice me any program that allows me to send to live streaming my webcam or any other camera? Could you also tell me how it works? I tried motion but the video is jerky because motion creates video by a sequence of frames, also there is no audio and the stream can not be transmitted on the web but only in the lan ... thanks
    Last edited by TheImmortalPhoenix (2012-04-06 01:09:09)

    This program does almost the same things of motion (security webcam) ... as i said i don't want to do this, i want to put my videos in online streaming and i want audio to be enabled...it's for a video podcasting of a radio
    it can be used over a internet connection, and without motion detection. using motion detection is an option.
    searching google for something like 'zoneminder for internet streaming' brings up some useful pages like -
    http://www.zoneminder.com/wiki/index.ph … 332_camera
    http://www.brianklug.org/2010/01/zoneminder/
    also, the February version of pcformat had a nice review of zoneminder.

  • QuickTime Streaming Server

    I've been looking to stream my webcam online and I understand how to do so.. The only thing that is puzzling me is that I can't find the QuickTime Streaming Server program or what not. All I need to do is set up my server and I'll understand the rest.. How do I get to the server setup?

    Well I'm planning on putting the webcam on my webpage.. It's just that I'm using www.freewebs.com which is a free webspace and doesn't provide me w/ a server. I was planning on using QuickTime Broadcaster but it seems to require that I have a server enitialised.

Maybe you are looking for