<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
  <body text="#000000" bgcolor="#FFFFFF">
    <p>So I manages to get some streaming going, but using ffmpeg but
      want to use gstreamer really  (ffmpeg creates a bunch of files and
      the player somehow starts 3 minutes after the current time.</p>
    <p>So I would like to accomplish the same as I have working with
      ffmpeg:</p>
    <p><br>
    </p>
    <p>Here is what I am using.<br>
    </p>
    <p>this is the html:</p>
    <pre id="line1"><span class="doctype"><!DOCTYPE html></span><span>
<span id="line2"></span></span><span><<span class="start-tag">html</span>></span><span>
<span id="line3"></span>
<span id="line4"></span></span><span><<span class="start-tag">header</span>></span><span>
<span id="line5"></span>
<span id="line6"></span></span><span><<span class="start-tag">title</span>></span><span>Live Cam</span><span></<span class="end-tag">title</span>></span><span>
<span id="line7"></span>
<span id="line8"></span></span><span><<span class="start-tag">script</span> <span class="attribute-name">src</span>="<a class="attribute-value">https://cdn.jsdelivr.net/npm/hls.js@latest</a>"></span><span></span><span></<span class="end-tag">script</span>></span><span>
<span id="line9"></span>
<span id="line10"></span></span><span><<span class="start-tag">script</span>></span><span>
<span id="line11"></span>function hlsStart() {
<span id="line12"></span>   if (Hls.isSupported()) {
<span id="line13"></span>      var video = document.getElementById('video');
<span id="line14"></span>      var hls = new Hls();
<span id="line15"></span>
<span id="line16"></span>      // bind them together
<span id="line17"></span>      hls.attachMedia(video);
<span id="line18"></span>      hls.on(Hls.Events.MEDIA_ATTACHED, function () {
<span id="line19"></span>         console.log("video and hls.js are now bound together !");
<span id="line20"></span>         hls.loadSource(<a class="moz-txt-link-rfc2396E" href="http://zoneminder.localdomain/IP-Cameras/stream/test-camera/mystream.m3u8">"http://zoneminder.localdomain/IP-Cameras/stream/test-camera/mystream.m3u8"</a>);
<span id="line21"></span>         hls.on(Hls.Events.MANIFEST_PARSED, function (event, data) {
<span id="line22"></span>            console.log("manifest loaded, found " + data.levels.length + " quality level");
<span id="line23"></span>            });
<span id="line24"></span>         });
<span id="line25"></span>      }
<span id="line26"></span>   }
<span id="line27"></span></span><span></<span class="end-tag">script</span>></span><span>
<span id="line28"></span></span><span></<span class="end-tag">header</span>></span><span>
<span id="line29"></span></span><span class="error" title="An “body” start tag seen but an element of the same type was already open."><<span class="start-tag">body</span> <span class="attribute-name">onload</span>="<a class="attribute-value">hlsStart();</a>"></span><span>
<span id="line30"></span></span><span><<span class="start-tag">video</span> <span class="attribute-name">id</span>="<a class="attribute-value">video</a>" <span class="attribute-name">autoplay</span>="<a class="attribute-value">true</a>" <span class="attribute-name">controls</span>="<a class="attribute-value">controls</a>"></span><span></span><span></<span class="end-tag">video</span>></span><span>
<span id="line31"></span></span><span></<span class="end-tag">body</span>></span><span>
<span id="line32"></span></span><span></<span class="end-tag">html</span>></span><span></span></pre>
    <p><br>
    </p>
    <p><br>
    </p>
    <p>and this is what I am doing with ffmpeg:</p>
    <p>ffmpeg -i
<a class="moz-txt-link-rfc2396E" href="rtsp://192.168.x.y:554/user=admin_password=XXXXXXXX_channel=1_stream=0.sdp?real_stream">"rtsp://192.168.x.y:554/user=admin_password=XXXXXXXX_channel=1_stream=0.sdp?real_stream"</a>
      -y -c:a aac -b:a 160000 -ac 2 -s 960x540 -c:v libx264 -b:v 800000
      -hls_time 10 -hls_list_size 10 -start_number 1 mystream.m3u8<br>
    </p>
    <p><br>
    </p>
    <p>any suggestions?  (I probably need an Apache plugin, or something
      like that?)</p>
    <p><br>
    </p>
    <p>thanks,</p>
    <p><br>
    </p>
    <p>Ron<br>
    </p>
    <p><br>
    </p>
    <p><br>
    </p>
    <div class="moz-cite-prefix">On 5/7/19 4:13 AM, Marc Leeman wrote:<br>
    </div>
    <blockquote type="cite"
cite="mid:CAH+fs=--UDKW97v-qJP8sH4WQq1OgAtTL9QBqQHQfjieGAfX1g@mail.gmail.com">
      <pre class="moz-quote-pre" wrap="">I don't think you need to transcode, H.264 should also be supported by
the browsers.

On Tue, 7 May 2019 at 09:10, Ralf Sippl <a class="moz-txt-link-rfc2396E" href="mailto:ralf.sippl@gmail.com"><ralf.sippl@gmail.com></a> wrote:
</pre>
      <blockquote type="cite">
        <pre class="moz-quote-pre" wrap="">
Hi Ron,

if the pipeline works, you got the GStreamer part right. Of course there are
two streams, video and audio. Each is sent to a different UDP port.

Now you need to run the receiving part, i.e. Janus. The streaming demo
listens to the ports your pipeline sends to. This is obviously off-topic
here, use the Janus site, or contact me if that doesn't work.

You can use webrtcbin instead, as Nirbheek suggested, but I found it harder
to set up (you need to run the websocket part on your own), and it will be a
1-to-1 connection, so you can't use it for broadcast.

Ralf



--
Sent from: <a class="moz-txt-link-freetext" href="http://gstreamer-devel.966125.n4.nabble.com/">http://gstreamer-devel.966125.n4.nabble.com/</a>
_______________________________________________
gstreamer-devel mailing list
<a class="moz-txt-link-abbreviated" href="mailto:gstreamer-devel@lists.freedesktop.org">gstreamer-devel@lists.freedesktop.org</a>
<a class="moz-txt-link-freetext" href="https://lists.freedesktop.org/mailman/listinfo/gstreamer-devel">https://lists.freedesktop.org/mailman/listinfo/gstreamer-devel</a>
</pre>
      </blockquote>
      <pre class="moz-quote-pre" wrap="">


</pre>
    </blockquote>
  </body>
</html>