Flowplayer 3.2 na własnej stronie

anonim · Post by **anonim** » 2014-07-04, 07:27

Jest to troszkę starsza wersja flowplayera 3.2 - jednak łatwo znaleźć jej zastosowanie, tak jak zresztą każdego innego playera.

Pliki odtwarzacza w załaczniku.

Kody na stronę www:
RTMP

Code: Select all

<script type="text/javascript" src="http://twoj-serwer.com/player/flowplayer-3.2.13.min.js"></script>
<div style="width: 800px; display: block; height: 500px" id="player"></div>
<script>
   $f("player", "http://twoj-serwer.com/player/flowplayer-3.2.18.swf", {
      clip: {
         url: 'nazwa-kanalu',
         live: true,
         provider: 'rtmp', 
      },   
      plugins: {
         controls: {
            url: 'http://twoj-serwer.com/player/flowplayer.controls-3.2.16.swf',   
            all: false,
            fullscreen: true,
            play: true,
            volume: true 
         },
         rtmp: {
            play: false,
            scrubber: false,
            url: 'http://twoj-serwer.com/player/flowplayer.rtmp-3.2.13.swf',
            netConnectionUrl: 'rtmp://twoj-serwer.com/live/',
         }
      }
   });
</script>

PLIK FLV

Code: Select all

<script type="text/javascript" src="http://twoj-serwer.com/player/flowplayer-3.1.4.min.js"></script>
<div class="flowplayer" style="width: 700px; height: 380px;" href="pl.php?file="></div> 
   <script> 
      flowplayer("div.flowplayer", "http://twoj-serwer.com/player/flowplayer-3.1.5.swf", {
         "clip": {
            "url": "http://twoj-serwer.com/video/video.flv",
            "autoPlay": false,
            "autoBuffering": false,
         }
      });
</script>

Są to oczywiście przykłady, które można dostosowywać według własnych potrzeb.

anonim · Post by **anonim** » 2015-02-08, 21:33

Jak ustawić pod spodem odtwarzacza butony np buton1=rtm1 buton2=rtm2
coś podobnego do tego

Code: Select all

<div class="flowplayer" data-ratio="0.4167" data-debug="true">
   <video>
<source type="video/webm" src="http://bad.flowplayer.org/bauhaus.webm">
<source type="video/mp4" src="http://bad.flowplayer.org/bauhaus.mp4">
   </video>
</div>
 
<div class="flowplayer" data-ratio="0.4167" data-debug="true">
   <video>
<source type="video/webm" src="http://stream.flowplayer.org/bauhaus.webm">
<source type="video/mp4"  src="http://stream.flowplayer.org/bauhaus.mp4">
   </video>
</div>
 
<p>
   <button id="good" data-href="http://stream.flowplayer.org/functional.webm">
      Load good URL
   </button>
 
   <button id="bad" data-href="http://foo.flowplayer.org/invalid.webm">
      Load bad URL
   </button>
</p>


HTML

anonim · Post by **anonim** » 2015-02-09, 20:49

mmarko1, o którą wersję fp chodzi ? podaj coś więcej oprócz urywka kodu html, lub napisz czy chcesz pełen nowy przykład ;-)

anonim · Post by **anonim** » 2015-02-12, 16:39

jarek wrote:mmarko1, o którą wersję fp chodzi ? podaj coś więcej oprócz urywka kodu html, lub napisz czy chcesz pełen nowy przykład

Mi chodzi np o takie coś http://mmarko1.esy.es/ ale z innym playerem ze względu na to że chciałbym otworzyć na samsungu smart tv a samsung nie ma pluingu z vcl

a prubowałem akurat z floplayer i jest ok odtwarza ale nie potrafię utworzyć takie butony jak z tej stronki co podałem na vcl
i jak by można było zrobić coś podobnego do tego vcla ale z floplayerem do to był bym wdzięczny :)

anonim · Post by **anonim** » 2015-02-12, 20:03

Tak na szybko jwplayer:

Code: Select all

<html> 
    <head> 
        <meta charset="UTF-8"> 
    </head> 
    <body> 
   <script src="http://jwpsrv.com/library/pslaetIIEeOEtyIACrqE1A.js"></script> 
   <div id='playerazthWINebJKv'></div> 
   <script type='text/javascript'> 
      jwplayer('playerazthWINebJKv').setup({ 
         file: 'http://www.youtube.com/watch?v=NBBx2IITCP0', 
         aspectratio: '16:9',        
         width: '580', 
         height: '320', 
         autostart: 'true', 
   }); 
   
   </script> 
   <button onclick='jwplayer().load([{file:"http://www.youtube.com/watch?v=xLrHQbXlysU"}]);'>Button 1</button> 
   <button onclick='jwplayer().load([{file:"http://www.youtube.com/watch?v=Xh3Kip5j6Co"}]);'>Button 2</button> 
   <button onclick='jwplayer().load([{file:"https://www.youtube.com/watch?v=o80HfMOs-vo"}]);'>Button 3</button> 
    </body> 
</html>

Demo: http://stream-recorder.pl/bilard/index2.html
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Przykład flowplayer:

Code: Select all

<html> 
    <head> 
        <meta charset="UTF-8"> 
    </head> 
    <body> 
   
   <script type="text/javascript" src="flowplayer-3.2.13.min.js"></script> 
   <div style="width: 800px; display: block; height: 500px" id="player"></div> 
   <script> 
      $f("player", "flowplayer-3.2.18.swf", { 
         clip: { 
            url: 'http://stream-recorder.pl/bilard/fiodor_qmichal.flv', 
            autostart: 'true'
         },    
         plugins: { 
            controls: { 
               url: 'flowplayer.controls-3.2.16.swf',    
               all: false, 
               fullscreen: true, 
               play: true, 
               volume: true 
            } 
         } 
      }); 
   </script>
   
   <button onclick='$f(player).play([{url: "http://stream-recorder.pl/bilard/fiodor_juvepersempre.flv"}]);'>Button 1</button> 
   <button onclick='$f(player).play([{url: "http://stream-recorder.pl/bilard/juvepersempre_andrzejzbity.flv"}]);'>Button 2</button> 
   <button onclick='$f(player).play([{url: "http://stream.flowplayer.org/KimAronson-TwentySeconds59483.flv"}]);'>Button 3</button> 

    </body> 
</html>

Demo: http://stream-recorder.pl/bilard/index3.html
Jeżeli chodzi o rtmp to patrz pierwszy post, trzeba zadeklarować plugin, pobrać archiwum i rozpakować do folderu ze stroną www ;-)

anonim · Post by **anonim** » 2015-02-12, 22:29

Wielkie dzięki o to mi chodziło :-)

Zanonimizowana wersja forum tylko do odczytu

Flowplayer 3.2 na własnej stronie

Flowplayer 3.2 na własnej stronie