Page 1 of 1

FLV-Video-Player | alternative Lösung

Posted: Thu Aug 02, 2007 11:19 pm
by babulski
Ein Kunde von mir benötigte ein Tool, um Flash-Videos (.flv) im Content einzubinden.

Mit dem bekannten FLV-Player-Modul gab es unerwartete Probleme unter 0.1.3.
Also habe ich kurzerhand einen eigenen, alternativen Workaround entwickelt.

Was man braucht?

1. Die SWFObject-Library
-> Download: http://blog.deconcept.com/swfobject/

2. Einen sog. FLV-Wrapper, in diesem Fall: JW FLV PLAYER
-> Download: http://www.jeroenwijering.com/?item=Flash_video_Player

3. eine CMSMS-function / Tag
dazu später mehr ...

Wie machen?

1. Das SWF-Objects-Script in die Seite einbinden: am besten im template

Code: Select all

<__script__ src="pfad_zu/swfobject.js" type="text/javascript"></__script>
2. Den FLV-Player (flvplayer.swf) per FTP hochladen; zum Besipiel ins Verzeichnis "uploads/Flash"

3. die CMSMS-function 'flv_player' (Details gleich) ins Verzeichnis "pfad_zum_cms/plugin" kopieren

4. im Content folgenden Tag einfügen:

Code: Select all

{flv_player file='name_der_datei.flv' titel='Titel des Filmes'}
Jetzt also endlich die CMSMS-function:

Im Texteditor deiner Wahl folgendes einfügen:

Code: Select all

<?php
#CMS - CMS Made Simple
#(c)2004 by Ted Kulp (wishy@users.sf.net)
#This project's homepage is: http://cmsmadesimple.sf.net
#
#This program is free software; you can redistribute it and/or modify
#it under the terms of the GNU General Public License as published by
#the Free Software Foundation; either version 2 of the License, or
#(at your option) any later version.
#
#This program is distributed in the hope that it will be useful,
#but WITHOUT ANY WARRANTY; without even the implied warranty of
#MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
#GNU General Public License for more details.
#You should have received a copy of the GNU General Public License
#along with this program; if not, write to the Free Software
#Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA

function smarty_cms_function_flv_player($params, &$smarty)
{
	global $gCms;

	$text = '';
	$source_start = '<p style="text-align: center;" id="flvplayer">Sie brauchen den <a href="http://www.macromedia.com/go/getflashplayer">Flash Player</a>, um diesen Film zu sehen.</p>
	<__script__ type="text/javascript">
		var so = new SWFObject(\'uploads/Flash/flvplayer.swf\',\'player\',\'400\',\'400\',\'7\');
		so.addParam("allowfullscreen","true");
		so.addVariable("displayheight","300");';
	$source_end = 'so.write(\'flvplayer\');
	</__script>';
	
	if( !empty($params['file'] ) )
	{
		$text = $source_start .= 'so.addVariable("file","'.$params['file'].'");';

				if( !empty($params['titel'] ) )
				{
					$text .= 'so.addVariable("title","'.$params['titel'].'");';
				} else {
					$text .= 'so.addVariable("title","FLV-Player");';
				}
				
		$text .= $source_end;
	} else {
		$text = '<!-- kein flv-video zum anzeigen! -->';
	}
	return $text;	
}


function smarty_cms_help_function_flv_player()
{
  ?>
  <h3>Was macht dieses plugin?</h3>
  <p>Es ruft den FLV-Videoplayer auf und bindet die gewünschte FLV-Datei ein</p>
  <h3>Wie setzt man es ein</h3>
  <p>Einfach dieses  plugin ins template/in die Seite einsetzen: <code>{flv_player file='video.flv'}</code></p>
  <h3>Welche Parameter gibt es?</h3>
  <ul>
     <li><em>(verpflichtend)</em>  <tt>file</tt> - Dateiname des Filmes; muss im gleichen Verzeichnis liegen wie der FLV-Player -> z.B. uploads/Flash.</li>
     <li><em>(optional)</em>  <tt>titel</tt> - Titel des Filmes. Standard ist 'FLV-Player'</li>
  </ul>
  <?php
}


function smarty_cms_about_function_flv_player() 
{
?>
  <p>Author:  hoppengarten•com</p>
  <p>Version 1.0</p>
<?php
}

?>
Als 'function.flv_player.php' abspeichern und ins o.g. plugin-Verzeichnis kopieren.

Die Funktionalität dieses Tags reicht meinem Kunden vollendst aus.
Bei Bedarf kann man die Funktionen leicht erweitern:

die Variable $text speichert den Sourcecode, der an den Player übergeben wird. Es ist leicht, zusätzlich benötigte Variablen per

Code: Select all

$text .= 'so.addVariable("variablen_name","'.$params['parameter'].'");';
einzubinden.
Details zu den so.variablen gibt es übrigens hier -> http://www.jeroenwijering.com/extras/readme.html

Hinweise:

Der Abschnitt

Code: Select all

<__script__ type="text/javascript">
		var so = new SWFObject(\'uploads/Flash/flvplayer.swf\',\'player\',\'400\',\'400\',\'7\');
		so.addParam("allowfullscreen","true");
		so.addVariable("displayheight","300");';
	$source_end = '	so.write(\'flvplayer\');
	</__script>';
Erzeugt das Grundgerüst.

a) der FLV-Player liegt im Verzeichnis 'uploads/Flash'
b) die Standardgröße des Films beträgt 400x300 px.

Ich hoffe, ich konnte hiermit irgendwem helfen ...

Re: FLV-Video-Player | alternative Lösung

Posted: Sat Aug 04, 2007 8:36 am
by maggy
Super babulski

sowas hab ich gerade gesucht  ;D ;D

Re: FLV-Video-Player | alternative Lösung

Posted: Mon Aug 06, 2007 10:43 am
by cyberman
Besten Dank für die Vorstellung dieser Lösung :)!

Re: FLV-Video-Player | alternative Lösung

Posted: Mon Aug 06, 2007 6:46 pm
by babulski
de nada, señor - und, wie ich sehe, hast du den eintrag ins richtige unterforum bugsiert  :D
hoffe, der honeymoon war wie er sein sollte!

Re: FLV-Video-Player | alternative Lösung

Posted: Mon Aug 06, 2007 7:53 pm
by cyberman
babulski wrote: hoffe, der honeymoon war wie er sein sollte!
Danke der Nachfrage - arbeitsbedingt leider zu kurz, aber ansonsten optimal  :D.

Re: FLV-Video-Player | alternative Lösung

Posted: Mon Oct 15, 2007 12:30 am
by mor_dark
Hi, arbeite grade an einem Player für nen kunden wo Alle Parameter über  den modultag

Code: Select all

{cms_module module=FLVMovie movie="filme/testfilm.flv" height="480" width="320" showvolume="0" autostart="1"}
also auf jeder Seite in unterschiedlicher Größe usw eingebunden werden können.
außerdem können auch playlist etc erstellt werden.


basiert auf dem swfobjekt 2.0 ( noch in der beta)
und diesem Player http://flv-player.net/players/multi/
der frei verfügbar ist

wenn Interesse besteht kann ich ihn  noch nen bissel erweitern, z.b. ne Grund Konfiguration mit Farben usw. im admin.

ansonsten spar ich mir die Arbeit da der kunde des net brauch (-;

Re: FLV-Video-Player | alternative Lösung

Posted: Tue Oct 16, 2007 6:09 pm
by cyberman
Derartige Ergänzungen sind immer erwünscht :) ...

Re: FLV-Video-Player | alternative Lösung

Posted: Thu Oct 25, 2007 11:12 am
by NaN
Gibt es eine Möglichkeit dem Player auch zu sagen, dass er alle Videos, die in diesem Verzeichnis sind anzeigt? Es müssen nicht unbedingt 20 Player untereinander gleichzeitig auf der Seite sein. Es würde reichen, wenn stattdessen einfach eine Link-Liste aller vefügbaren Videos angezeigt wird, die dann per Klick abgespielt werden können.

Re: FLV-Video-Player | alternative Lösung

Posted: Thu Oct 25, 2007 1:52 pm
by babulski
Jau. Das geht. Und zwar über die Playlist-Funktion.
Wie man diese erzeugt/einbindet kannst du hier nachlesen:

http://www.jeroenwijering.com/extras/readme.html#playlists

Re: FLV-Video-Player | alternative Lösung

Posted: Sat Oct 04, 2008 11:07 pm
by skibby
HI,
erstmal vielen vielen Dank. Suche sowas schon seit ner ewigkeit. Es klappt soweit auch alles. Allerdings taucht bei mir ein Fehler auf wenn ich 2 Videos untereinander setzen möchte. Es wird mir immer nur 1 Video angezeigt und zwar das letzte!

Warum auch auch immer nimmt der dimmer das letzte Video welches im Code drin steht. Weiss da einer rat?

Was cool wäre, wenn man so eine Struktur wie bei Youtube rein bekommt. Ist sowas in der Art möglich?? Wenn ja wie geht'n das?? Bin so super vertraut noch nicht mit der ganzen sache.

Lieben Gruß
skibby

Ps: Das ganze kann man sich unter http://david-behr.de/motorsport/Videos- ... Clubsport/ ansehen. Im Quelltext stehen auch die Videos richtig drin!

Re: FLV-Video-Player | alternative Lösung

Posted: Wed Dec 16, 2009 10:34 am
by hExapod4
Gibt es auch eine Funktion der Endlosschleife und eine Funktion zum automatischen Starten???

Re: FLV-Video-Player | alternative Lösung

Posted: Sat Jan 02, 2010 11:11 pm
by cyberman
Zumindest sind hier

http://developer.longtailvideo.com/trac ... 5FlashVars

die Parameter autostart und repeat zu finden ...