Frank_: Audio/Videoplayer gesucht

SELF-Forum

Audio/Videoplayer gesucht

Frank_
– Informationen zu den Bewertungsregeln

Hallo,

ich suche einen Audio/Videoplayer für meine Homepage.

Er sollte relativ simepl einzubinden sein und über eine Playlist verfügen.

In diese Playlist sollte man leicht eigene Dateien (z.B. mp3s) einbinden können, aber auch Videos von Portalen wie YouTube und Sevenload.

Ich würde mich über Hilfe bzw. Tipps sehr freuen - vielen Dank!

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Audio/Videoplayer gesucht

    mph76 Homepage des Autors
    +1 Informationen zu den Bewertungsregeln

    Ich empfehle erst gar nicht den JW Player (nur bei nicht-kommerzieller Nutzung frei), sondern gleich sich den FlowPlayer (immer frei) anzuschauen. Die Dokumentation auf der Seite mit vielen Beispielen finde ich sehr gut.
    Ein umfangreiches Beispiel zur Verwendung mit CuePoints habe ich mit automatischer Skalierung auf mike-maas.de unter "Video" umgesetzt.

    Auf dem Server also die flowplayer-*.min.js und flowplayer-*.swf ablegen, ein und entsprechend verwenden, um das Video (hier Showreel.mp4) im Verhältnis 480:264 zu streamen:

    <script type="text/javascript" src="flowplayer-3.2.0.min.js"></script>
    <script type="text/javascript">
    function createPlayer() {
      flowplayer("player", {src:"flowplayer-3.2.1.swf", wmode: "opaque", bgcolor: "#000000" }, {
        clip: {
          scaling: "fit",
      url: 'http://mike-maas.de/Showreel.mp4'
      },
      canvas: {
        backgroundColor: '#000000',
        backgroundGradient: 'none'
        }});
    // onResize
      window.onresize = rearrange;
    }

    var width=480;
    var height=264;

    function rearrange() {
      var w = 0;
      if (window.innerWidth) {
        w=window.innerWidth;
      } else if (document.body && document.body.offsetWidth) {
        w=document.body.offsetWidth;
      }
      w-=16;

    var h = 0;
      if (window.innerHeight) {
        h=window.innerHeight;
      } else if (document.body && document.body.offsetHeight) {
        h=document.body.offsetHeight;
      }
      h-=40;

    if (w < 1) w = 1;
      if (h < 1) h = 1;

    var nw=480;
      var nh=264;
      if (w/h > 480/264) {
       nw=Math.floor(480/264*h);
       nh=h;
      } else {
       nw=w;
       nh=Math.floor(w/480*264);
      }

    if (nw < 480) nw=480;
      if (nh < 264) nh=264;

    if ((nw != width) || (nh != height)) {
        width=nw;
        height=nh;
        document.getElementById("player").style.width=width+"px";
        document.getElementById("player").style.height=height+"px";
      }
    }
    </script>
    </head>
    <body>
    </head><body bgcolor="#000000" onload="createPlayer()"><center>
    <a href="http://mike-maas.de/Showreel.mp4"
     style="display:block;width:480px;height:264px"
     id="player">
    </a>
    </center>
    </body>

    Viel Spaß, Martin.

    PS: zum Erstellen von Streaming-fähigen mp4-Videos empfehle ich Avidemux mit qt-faststart unter Ubuntu.

    Beitrag melden
    +1
    Informationen zu den Bewertungsregeln