RTMP-streaming-Spiel

Ich versuche, eine rtmp-streaming arbeiten. Ich habe fast den gleichen code vorgeschlagen hier

<html>
  <head>
    <script src="me/build/jquery.js"></script>
    <script src="me/build/mediaelement-and-player.js"></script>
    <link  href="me/build/mediaelementplayer.min.css" /></code>
  </head>
  <body>

<video>
     <source src="000109f6004b00a6004af03676235daa" type="video/rtmp">
</video>
<script>
$('video').mediaelementplayer({flashStreamer:"rtmp://thinkbuntu:1935/flvplayback/000109f6004b00a6004af03676235daa"});
</script>

  </body>
</html>

In der Erwägung, dass rtmp://thinkbuntu:1935/flvplayback ist die URL des lokalen rtmpserver und '000109f6004b00a6004af03676235daa' ist ein mp4 video. Ich weiß, dass die lokalen server funktioniert, denn ich kann es dump via rtmpdump und auch mit jwplayer kann ich das video Abspielen, richtig.
Mit medialement mit flv, webm, ogv nicht funktionieren weder.

Ich bekomme diese Fehlermeldung, im Firefox (kein Fehler in Chrome):

Specified "type" attribute of "video/rtmp" is not supported. Load of media resource 000109f6004b00a6004af03676235daa failed.

Ist die Konfiguration per json-Attribut fehl in der gleichen Weise.

Ich habe auch versucht, diesen Ansatz Ersatz von Medien-Quelle (http über rtmp) in MediaElementsJS basierend auf browser-Funktionen aber es scheitert auch.

Mache ich etwas falsch?

InformationsquelleAutor simahawk | 2013-03-22

  1. 1

    Habe ich fast das gleiche setup und bei mir arbeitet. Nicht sicher, ob alle Attribute sind erforderlich, aber einige habe ich auf das video-tag.

    (FYI, ich vermute, dass die extra </code> tag ist nur von Ihrem einfügen in das SO?)

        <video width="300" height="240" controls="controls" preload="none" id="stream">
         <source src="7901e75800f700d700437a45351f0214" type="video/rtmp">
    </video>

    <script type="text/javascript">
        $('#stream').mediaelementplayer({
            flashStreamer: "rtmp://170.93.143.150/rtplive/000109f6004b00a6004af03676235daa",
            plugins: ['flash', 'silverlight'],
            alwaysShowControls: false,
            success: function (mediaElement, domObject) {
                if (mediaElement.pluginType == 'flash') {
                    mediaElement.play();
                }
            },
        });
     </script>
    ist diese stream-key "000109f6004b00a6004af03676235daa"? wenn ja, als was ist dieses "7901e75800f700d700437a45351f0214" ?

    InformationsquelleAutor JonK

  2. 1

    in Ihrem Fall müssen Sie Präfix hinzufügen "mp4:" inside " video-tag

    <video width="360" height="203" id="player1" src="mp4:sample" type="video/rtmp" controls="controls"></video>

<script>$('video').mediaelementplayer({flashStreamer:"rtmp://localhost/vod"});</script>

    InformationsquelleAutor poerror

  3. 0

    Mussten wir port schnüffeln RTMP-traffic, um zu bestimmen, genau das, was der browser wurde verhandelt, da ein RTMP-URL ist eindeutig interpretiert: ein Teil der URL identifiziert den streaming-Dienst Ende-Punkt, und der Rest erkennt den stream Ressource, irgendwo dazwischen ist das Datei format, gefolgt von einem Doppelpunkt. Wenn Sie nicht wissen, die config von dem RTMP-server, können Sie nicht sagen, wo in der URL der service-Endpunkt endet, und der stream beginnt. Dies verursacht uns kein Ende der frustration, da wir es nicht wissen, die server-Konfiguration.

    In der source-tag stellen wir das komplette RTMP-URL als " src " - Attribut (Protokoll -, Dienst-Ende-Punkt, stream und Datei-format - alles, das ganze Programm) und in der flashStreamer Eigenschaft, die wir identifiziert die service-Endpunkt-nur (alles, was bis zu, aber nicht einschließlich, die Datei-format). Nach viel Experimentieren, das war der einzige erfolgreiche Kombination von Eigenschaften.

    Jeff, können Sie bitte geben Sie Beispiel!!!

    InformationsquelleAutor Jeff Young

Schreibe einen Kommentar