Messages

1

Discussion & Troubleshooting / Re: flv player

« on: September 28, 2008, 07:18:16 PM »

Hallo zusammen,

als erstes möchte ich kurz meinen Dank für diese tolle Garlerie-Software aussprechen - die ist euch wirklich gut gelungen. Wir verwenden auf www.PardusUser.de die 4Images Galerie Software, um Multimedia Dateien zu Pardus Linux für unsere Communtiy bereit zu stellen. Dank des gut durchdachten Template-Systems von 4Images konnten wir bis heute das Aussehen bestens mit Templates an unsere Portalseite anpassen: 
http://pardususer.de/start/index.php?action=gallery

Da man Gutes gerne auch weiterempfehlt, habe ich 4Images auf der Startseite unter "Datenschutz" eingetragen, damit auch andere/Besucher diese Software kennenlernen:
http://pardususer.de/start/index.php?action=privacy
(in diese Rubrik werden laufend neue Web-Applikationen eingepfegt - ein Blick darauf kann nicht schaden  )



So und nun zum eigentlichen Thema, heute habe ich den FlowPlayer in unsere PardusUser.de Galerie eingebaut. Damit lassen sich Videoclips wie etwa FLV, AVI oder MPEG abspielen. Der FlowPlayer ist ausgesprochen flexibel, auch dessen Aussehen lässt sich bestens nach eigenen Vorstellungen anpassen. FlowPlayer ist zudem OpenSource und darf für nicht kommerzielle Zwecke frei verwendet und angepasst werden.

Einen Beispiel zur "Integration" in 4Images könnt ihr hier betrachten:
http://pardususer.de/start/lib/4images/details.php?image_id=97


"Eingebaut" habe ich den FlowPlayer wie folgt:
Zuerst wird die Dateierweiterung "flv" zur Uploads im Admin-Bereich hinzugefügt. Anschließend erstellt man im jeweiligen Template-Ordner unter "media" die HTML-Seite "flv.html" mit folgendem Inhalt:

Code: [Select]

<!-- Template file for FLV Movies -->
<div align="center"><div align="center" id="video_stream" style="width:549px; height:336px; border:1px solid black"></div></div>
<script>
flashembed("video_stream",
{
src:'http://meine.adresse.com/flowplayer/FlowPlayerDark.swf',
width: 549,
height: 336
},

{config: {
controlBarBackgroundColor:'0xf49619',
useNativeFullScreen: true,
useSmoothing: true,
controlEnabled: false,
autoPlay: false,
loop: false,
initialScale: 'fit',
showMenu: false,
autoBuffering: false,
showLoopButton: false,
showPlayListButtons: false,
showFullScreenButton: false,
scaleSplash: false,
showFullScreenButton: false,
showVolumeSlider: false,
videoFile: 'http://meine.adresse.com/4images/{media_src}'
}}
);
</script>
<br />

Nach config: { können Optionen definiert werden, die mit der Funktionsweise und dem Aussehen des FLV-Players zu tun haben. Genauere Informationen zur FlowPlayer Konfiguration findet ihr auf dessen Projektseite:
http://flowplayer.org/player/configuration.html


Mit src:'http://meine.adresse.com/flowplayer/FlowPlayerDark.swf', gibt man den Pfad zum FlowPlayer Ordner auf seiner Homepage an.

Mit videoFile: 'http://meine.adresse.com/4images/{media_src}' gibt man den Pfad zu seiner 4Images Installation an. "{media_src}" ist hierbei der Platzhalter zur FLV Datei, den die 4Images Software beim Seitenaufbau entsprechend ersetzt ...

meine.adresse.com ist natürlich nur ein Beispiel und muss nach seiner eigenen Homepage Adresse entsprechend ergänzt bzw. umgeändert werden

Anschließend fügt man in die Datei header.html des gleichen Template Ordners folgende Zeile ein: (zwischen < head > und < /head> - Tags)

Code: [Select]

<script type="text/javascript" src="http://meine.adresse.com/flowplayer/examples/js/flashembed.min.js"></script>Das JavaScript in "flashembed.min.js" übernimmt hierbei das Einbetten des Flash-Videoplayers in die jeweilige Webseite.



Ich habe versucht die obige Anleitung ^^^ kurz und prägnant zu halten. Wer genaueres wissen möchte, darf ruhig danach fragen - sofern mein Latein dazu reicht 
Wer grundlegende Kenntnisse mit PHP und Webseiten Gestaltung besitzt, wird feststellen, dass es sich hier um keine tiefgreifende Modifikation der 4Images Galerie Software handelt. Die Einbindung des Players erfolgt gänzlich über das 4Images Template System 



Mit freundlichen Grüßen
LinuxFanatic