&gt; Is WebSockets over TCP a fast enough protocol to stream a video of, say, 30fps?

Yes.. it is, take a look at this [project][1]. Websockets can easily handle HD videostreaming.. However, you should go for Adaptive Streaming. I explain [here][2] how you could implement it.

Currently we&#39;re working on a webbased instant messaging application with chat, filesharing and video/webcam support. With some bits and tricks we got streaming media through websockets (used HTML5 Media Capture to get the stream from our webcams).

You need to build a `stream API` and a `Media Stream Transceiver` to control the related media processing and transport.



  [1]: http://www.youtube.com/watch?v=WcwnQW_AnC8
  [2]: https://stackoverflow.com/questions/4242081/chopping-media-stream-in-html5-websocket-server-for-webbased-chat-video-conferenc


The [Media Source Extensions][1] has been proposed which would allow for Adaptive Bitrate Streaming implementations.

  [1]: https://dvcs.w3.org/hg/html-media/raw-file/tip/media-source/media-source.html


To answer the question:

&gt; What is the fastest way to stream live video using JavaScript? Is
&gt; WebSockets over TCP a fast enough protocol to stream a video of, say,
&gt; 30fps?

Yes, Websocket can be used to transmit over 30 fps and even 60 fps. 

The main issue with Websocket is that it is low-level and you have to deal with may other issues than just transmitting video chunks. All in all it&#39;s a great transport for video and also audio. 


It&#39;s definitely conceivable but I am not sure we&#39;re there yet.  In the meantime, I&#39;d recommend using something like [Silverlight][2] with [IIS Smooth Streaming][3].  Silverlight is plugin-based, but it works on Windows/OSX/Linux.  Some day the [HTML5 `&lt;video&gt;` element][1] will be the way to go, but that will lack support for a little while.


  [1]: http://www.w3.org/TR/html5/video.html#video
  [2]: http://silverlight.net
  [3]: http://www.iis.net/download/SmoothStreaming

I am trying to run rtsp url from the VLC player.  But an error appears, and &quot;see logs for details&quot; comes up in a dialog box.

How can I enable logs in VLC?

how to get vlc logs?

Is there please a simple way to make a radio button toggle - when a text near it is clicked - without introducing any big Javascript Framework into my smal PHP project?

The web form looks like this:

    &lt;html&gt;
    &lt;body&gt;
    &lt;form method=&quot;post&quot;&gt;
    &lt;p&gt;Mode:&lt;br /&gt; 
    &lt;input type=&quot;radio&quot; name=&quot;mode&quot; value=&quot;create&quot;&gt;&lt;i&gt;create table&lt;/i&gt;&lt;br /&gt;
    &lt;input type=&quot;radio&quot; name=&quot;mode&quot; value=&quot;select&quot; checked&gt;select records (can specify id)&lt;br /&gt;
    &lt;input type=&quot;radio&quot; name=&quot;mode&quot; value=&quot;insert&quot;&gt;insert 1 record (must specify all)&lt;br /&gt;
    &lt;input type=&quot;radio&quot; name=&quot;mode&quot; value=&quot;delete&quot;&gt;delete records (must specify id)&lt;br /&gt;
    &lt;input type=&quot;radio&quot; name=&quot;mode&quot; value=&quot;drop&quot;&gt;&lt;i&gt;drop table&lt;/i&gt;&lt;br /&gt;
    &lt;/p&gt;
    &lt;p&gt;Id: &lt;input type=&quot;text&quot; name=&quot;id&quot; size=32 maxlength=32 /&gt; (32 hex chars)&lt;/p&gt;
    
    &lt;p&gt;Latitude: &lt;input type=&quot;text&quot; name=&quot;lat&quot; size=10 /&gt; (between -90 and 90)&lt;/p&gt;
    &lt;p&gt;Longitude: &lt;input type=&quot;text&quot; name=&quot;lng&quot; size=10 /&gt; (between -90 and 90)&lt;/p&gt;
    &lt;p&gt;Speed: &lt;input type=&quot;text&quot; name=&quot;spd&quot; size=10 /&gt; (not negative)&lt;/p&gt;
    &lt;p&gt;&lt;input type=&quot;submit&quot; value=&quot;OK&quot; /&gt;&lt;/p&gt;
    &lt;/form&gt;
    &lt;/body&gt;
    &lt;/html&gt;



Toggle HTML radio button by clicking its label

What is the fastest way to stream *live* video using JavaScript? Is WebSockets over TCP a fast enough protocol to stream a video of, say, 30fps?

Video streaming over websockets using JavaScript

<p>What is the fastest way to stream <em>live</em> video using JavaScript? Is WebSockets over TCP a fast enough protocol to stream a video of, say, 30fps?</p>


Which is better or more convenient to use:

    &lt;script type=&quot;text/javascript&quot;&gt;...&lt;/script&gt; 

or 

    &lt;script&gt;...&lt;/script&gt;


Which is better: &lt;script type=&quot;text/javascript&quot;&gt;...&lt;/script&gt; or &lt;script&gt;...&lt;/script&gt;

Is this a good way to check if the value of a field is `null`?

    if($(&#39;#person_data[document_type]&#39;).value() != &#39;NULL&#39;){}

Or is there a better way?

jQuery: checking if the value of a field is null (empty)

I&#39;m trying to access a property of an object using a dynamic name. Is this possible?

    const something = { bar: &quot;Foobar!&quot; };
    const foo = &#39;bar&#39;;
    something.foo; // The idea is to access something.bar, getting &quot;Foobar!&quot;

Dynamically access object property using variable

How can you create the JavaScript/JQuery equivalent of this Java code:

    Map map = new HashMap(); //Doesn&#39;t not have to be a hash map, any key/value map is fine
    map.put(myKey1, myObj1);
    map.put(myKey2, myObj2); //Repeat n times
    
    function Object get(k) {
        return map.get(k);
    }

How to create a simple map using JavaScript/JQuery

I have a change event that is working fine but I need to get it to recurse.

So I have a function that is triggered on change that will &quot;change&quot; other drop downs based on a class selector (notice &quot;drop downS&quot;, there could be more than one). This proxy change does not trigger the function and so fails. How can I get it to work?

### Code

    $(document).ready(function () {
        var activeDropBox = null;
    
        $(&quot;select.drop-box&quot;).change(function () {
            var questionId = $(this).attr(&quot;questionId&quot;);
            var selectedAnswer = $(this).val();
            activeDropBox = this;
    
            alert(this.questionId);
    
            $.ajax(
            {
                type: &quot;POST&quot;,
                url: answerChangedActionUrl,
                data: { questionId: questionId, selectedValue: selectedAnswer },
                success: function (data) {
                    SetElementVisibility(data.ShowElement, questionId);
                }, error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert(&#39;XMLHttpRequest:&#39; + XMLHttpRequest.responseText);
                    alert(&#39;textStatus:&#39; + textStatus);
                    alert(&#39;errorThrown:&#39; + errorThrown);
                }
            });
        });
    
        function SetElementVisibility(visible, questionId) {
            // I would like each child to then trigger the change event...
            $(&quot;.childOf&quot; + questionId)[visible ? &#39;show&#39; : &#39;hide&#39;](&#39;slow&#39;);
            
            // Suggested code
            //$(&quot;.childOf&quot; + questionId + &quot; select&quot;).trigger(&quot;change&quot;);

            if (!visible) {
                $(&quot;.childOf&quot; + questionId + &quot; select&quot;).attr(&#39;selectedIndex&#39;, 0);
            }
        }
    }

The suggestions so far seem to work, but as the change event triggers an ajax post it now seems to fail here. I&#39;m going to play around with it but that is something for another question I feel.

How to trigger jQuery change event in code

For school I need to set up an HTML5 live stream site. They have a flash stream-player they&#39;ve been using but now they want it to use HTML5 instead. How can I do this? I tried using the video tag but I can&#39;t get it working. Below is the code I have. Could someone point me in the correct direction?

    &lt;!DOCTYPE html&gt;
    &lt;html lang=&quot;en&quot;&gt;
    &lt;head&gt;
        &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
        &lt;title&gt;Deltion Live Streaming&lt;/title&gt;
        &lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot; src=&quot;../swfobject.js&quot;&gt;&lt;/script&gt;
    &lt;/head&gt;
    
    &lt;body&gt;	
    		
    	&lt;video id=&quot;movie&quot; width=&quot;460&quot; height=&quot;306&quot; preload autoplay&gt;
    		&lt;source src=&quot;rtmp://fl2.sz.xlcdn.com:80/sz=Deltion_College=lb1&quot;  type=&#39;video/mp4; codecs=&quot;avc1.42E01E, mp4a.40.2&quot;&#39;&gt;
    		    &lt;!-- HERE THE CODE FOR THE ALTERNATIVE PLAYER (FLASH) WILL BE! --&gt;
    	&lt;/video&gt;
    &lt;/body&gt;
    &lt;/html&gt;

HTML5 live streaming

I just came home from my exam in network-programming, and one of the question they asked us was **&quot;If you are going to stream video, would you use TCP or UDP? Give an explanation for both stored video and live video-streams&quot;**. To this question they simply expected a short answer of TCP for stored video and UDP for live video, but I thought about this on my way home, and is it necessarily better to use UDP for streaming live video? I mean, if you have the bandwidth for it, and say you are streaming a soccer match, or concert for that matter, do you really need to use UDP?

Lets say that while you are streaming this concert or whatever using TCP you start losing packets (something bad happened in some network between you and the sender), and for a whole minute you don&#39;t get any packets. The video-stream will pause, and after the minute is gone packets start to get through again (IP found a new route for you). What would then happen is that TCP would retransmit the minute you lost and continue sending you the live stream. As an assumption the bandwidth is higher than the bit-rate on the stream, and the ping is not too high, so in a short amount of time, the one minute you lost will act as a buffer for the stream for you, that way, if packet-loss happens again, you won&#39;t notice.

Now, I can think of some appliances where this wouldn&#39;t be a good idea, like for instance video-conferences, where you **need** to always be at the end of the stream, because delay during a video-chat is just horrible, but during a soccer-match, or a concert what does it matter if you are a single minute behind the stream? Plus, you are guaranteed that you get all the data and it would be better to save for later viewing when it&#39;s coming in without any errors.

So this brings me to my question. Are there any drawbacks that I don&#39;t know of about using TCP for live-streaming? Or should it really be, that if you have the bandwidth for it you should go for TCP given that it is &quot;nicer&quot; to the network (flow-control)?

TCP vs UDP on video stream

Ok, I have been trying to wrap my head around this http live streaming. I just do not understand it and yes I have read all the apple docs and watched the wwdc videos, but still super confused, so please help a wanna be programer out!!!

The code you write goes on the server? not in xcode?
If I am right how do i set this up?
Do I need to set up something special on my server? like php or something?
How do use the tools that are supplied by Apple.. segmenter and such?

Please help me,
Thanks

HTTP LIve Streaming

I&#39;m looking to place a video in an HTML5 page that will begin playing on page-load, and once completed, loop back to the beginning without a break. The video should also **NOT** have any controls associated with it, and either be compatible with all &#39;modern&#39; browsers, or have the option of a polyfill.

Previously I would have done this via `Flash` and `FLVPlayback`, but I would prefer to steer clear of `Flash` in the HTML5 sphere. I&#39;m thinking I could use javascript&#39;s `setTimeout` to create a smooth loop, but what should I use to embed the video itself? Is there something out there that will stream the video the way `FLVPlayback` would?

Play infinitely looping video on-load in HTML5

In the documentation of Android [TextureView](http://developer.android.com/reference/android/view/TextureView.html) it says that you can use a TextureView to play video: 
But I cant seem to find any example of how to do this. Does anyone know? 

I need to use a `textureView` because I want to animate the video. I want to play a video in .3gp/.mp4 format, not video from the Camera :)

Any help would be appreciated..


UPDATE:

Solution is posted as a community wiki answer


Playing video on TextureView

Using HTML5 Websockets, can I open a socket directly between 2 clients (browsers) (assuming I know their IP addresses and there are no NAT traversal issues). I want to send some data directly from one browser to another browser, essentially creating a P2P network. Everything I&#39;ve read so far on the web, websockets are all used to communicate between client and server, but nothing about client to client.


Can HTML5 Websockets connect 2 clients (browsers) directly without using a server? (P2P)

Looks like it&#39;s easy to add custom HTTP headers to your websocket client with any HTTP header client which supports this, but I can&#39;t find how to do it with the web platform&#39;s `WebSocket` API. 

Anyone has a clue on how to achieve it? 

    var ws = new WebSocket(&quot;ws://example.com/service&quot;);

Specifically, I need to be able to send an HTTP Authorization header.

HTTP headers in Websockets client API

I&#39;d like to know if it&#39;s possible to broadcast on different websocket &quot;connections&quot; running from the same &lt;a href=&quot;https://github.com/miksago/node-websocket-server&quot;&gt;node-websocket-server&lt;/a&gt; app instance. Imagine a chatroom server with multiple rooms, only broadcasting messages to the participants specific to each room, on a single node.js server process. I&#39;ve successfully implemented a one-chatroom-per-process solution, but I want to take it to the next level.

node-websocket-server: possible to have multiple, separate &quot;broadcasts&quot; for a single node.js process?

I&#39;m working with socket.io and node.js and until now it seems pretty good, but I don&#39;t know how to send a message from the server to an specific client, something like this:

    client.send(message, receiverSessionId)

But neither the `.send()` nor the `.broadcast()` methods seem to supply my need.

What I have found as a possible solution, is that the `.broadcast()` method accepts as a second parameter an array of SessionIds to which not send the message, so I could pass an array with all the SessionIds connected at that moment to the server, except the one I wish send the message, but I feel there must be a better solution.

Any ideas?

Send message to specific client with socket.io and node.js

I&#39;m writing a JavaScript Application that has to receive a huge amount of data from other users. It is not important if some of this data gets lost. Is there some way of using JavaScript WebSockets with UDP instead of TCP?

Content Type	Original Author	Original Content on Stackoverflow
Question	SMiLE	View Question on Stackoverflow
Solution 1 - Javascript	Wouter Dorgelo	View Answer on Stackoverflow
Solution 2 - Javascript	Nick Desaulniers	View Answer on Stackoverflow
Solution 3 - Javascript	quarks	View Answer on Stackoverflow
Solution 4 - Javascript	Josh Stodola	View Answer on Stackoverflow

Video streaming over websockets using JavaScript

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Solution 3 - Javascript

Solution 4 - Javascript

Toggle HTML radio button by clicking its label

how to get vlc logs?

Attributions