Gstreamer tcpserversink v0.10 vs 1.0 and HTML5 video tag

Question

I am embedding a HTML5 video tag in my site, the source being a gstreamer stream.

I have a pipeline working on gst 0.10:

gst-launch-0.10 -v videotestsrc ! theoraenc ! oggmux ! queue ! tcpserversink port=8080 sync-method=2

I can connect to this stream via vlc like so:

vlc tcp://localhost:8080

And I can also use the URL in a HTML5 video tag and the video is displayed as expected.

Now I try to adapt this for gst 1.0:

gst-launch-1.0 -v videotestsrc ! theoraenc ! oggmux ! queue ! tcpserversink port=8080 sync-method=2

Again I can connect to the stream with vlc, BUT I can not use this stream in a video tag.

This is driving me crazy, I stripped down the pipeline to the bare minimum and I do not understand why it is not working.

Why does it work with the old gst and in vlc but not with the new gst in the video tag?

Do you know what fails? Does the browser prints anything on the console or gives any error? How is your setup for testing it? — thiagoss, Sep 13 '14 at 17:12
@thiagoss whe using chrome I can see the following error: `net::ERR_CONNECTION_REFUSED` Tested it with Chrome and Firefox, neither work. — stylesuxx, Sep 17 '14 at 15:11

score 5 · Answer 1 · answered Nov 14 '14 at 02:26

Let me tell you what an interesting problem this is. After hours of fooling around I still couldn't find a proper solution for my Windows 8.1 box.

I had some luck streaming .ogg with:

 gst-launch-1.0 -v videotestsrc is-live=true ! clockoverlay shaded-background=true font-desc="Sans 38" ! theoraenc ! oggmux ! tcpserversink host=127.0.0.1 port=8080

but displaying the stream correctly is still a challenge.

This is the html file I'm using:

<html>
    <title>A simple HTML5 video test</title>
</html>
<body> 
    <video autoplay controls width=320 height=240>    
    <source src="http://localhost:8080" type="video/ogg">
       You browser doesn't support element <code>video</code>.
    </video>
</body>

Google Chrome 38.0.2125.122 displays the stream but it stops after a few seconds (don't know why);
Internet Explorer 11.0.9600 draws the player but reports Invalid Source;
Firefox Nightly 36.0a1 also draws the player but reports No video with supported format and MIME type found;

I had no luck at all with .mp4 streams despite VLC playing it correctly:

gst-launch-1.0 videotestsrc is-live=true ! clockoverlay shaded-background=true font-desc="Sans 38"  ! x264enc ! mpegtsmux ! queue ! tcpserversink host=127.0.0.1 port=8080

Kaspersky antivirus and IIS were enabled/disabled during the tests. My little success with Google Chrome came after disabling IIS.

score 2 · Answer 2 · edited Sep 03 '17 at 05:37

Runs on VLC 2.0.8 Twoflower & Chrome Version 37.0.2062.120 Ubuntu 12.04 (281580) (64-bit):

gst-launch-1.0 videotestsrc is-live=true ! \
 clockoverlay shaded-background=true font-desc="Sans 38"  ! x264enc ! mpegtsmux ! \
 queue ! tcpserversink host=127.0.0.1 port=8082

Firefox wants the Mime type to be correct. Gstreamer sends this as Mime = 'Plain' when it should be 'video/mp4'. Haven't succeeded in overriding the types.

I used a empty HTML5 with tags to test various stuff:

<video id="video" autoplay="autoplay" controls >
    <source src="http://localhost:8083" type="html" codecs="vp8.0, vorbis">
    <source src="http://localhost:8080" type="video/webm" codecs="vp8.0, vorbis">
    <source src="http://localhost:8081" type="video/ogg" codecs="theora, vorbis">
    <source src="http://localhost:8082" type="video/mp4" codecs="avc1.4D401E, mp4a.40.2">
    You browser doesn't support element <code>video</code>.
</video>

webm/ogg/mp4 work on chrome as it just does not care about Mime types.

Gstreamer tcpserversink v0.10 vs 1.0 and HTML5 video tag

2 Answers2

Linked