Welcome, Guest. Please login or register.
Did you miss your activation email?
February 12, 2012, 03:15:48 PM

Login with username, password and session length
Search:     Advanced search
Wollen Sie dem WebsiteBaker Team beitreten?
Nähere Informationen finden Sie unter hier und auf unserer neuen Webseite.
149652 Posts in 21100 Topics by 7539 Members
Latest Member: ionline
* Home Help Search Login Register
Pages: [1] 2 3 4   Go Down
Print
Author Topic: Multimediamodul-Vorstellung: Youtube-Video  (Read 7609 times)
janosch94

Offline Offline

Posts: 185


WWW
« on: June 06, 2009, 12:11:44 PM »

Hi Leutz,

aktuelle Version: 0.81 beta
http://www.websitebakers.com/pages/modules/listings/various/insert-youtube.php

ich bin derzeit dabei, ein Seitenmodul für WebsiteBaker 2.7 zu schreiben. Es geht um ein Modul, das komfortabel Youtube-Videos in eure Seiten einfügt. Ihr müsst einfach die URL eures Videos einfügen und schon wird das Video an der gewünschten Position auf der Seite angezeigt.

Allerdings arbeite ich derzeit noch an einem RegEx, der die sogenannte Video_ID aus der URL extrahiert. Deshalb müsst ihr das zum Testen per Hand erledigen.

Angenommen ihr wollt die Zusammenfassung des DFB-Pokal Finals  wink in eine Seite einbinden. Normalerweise nimmt man das Code2-Modul zur Hand und fügt den Objektcode von Youtube ein. Durch dieses Video-Modul, wird das überflüssig und ihr müsst wirklich nur die URL kopieren und im Backend einfügen.

Um ein Video einzubinden, sucht ihr euch ein beliebiges Video auf Youtube raus. Ihr kopiert rechts im Kasten die URL in eure Zwischenablage. Wechselt ins Backend und fügt die URL ins jeweilige Feld ein.

Das müsste dann so aussehen:
http://www.youtube.com/watch?v=CITF-dZD8oo

Wie oben schon angesprochen ist dieses Feature noch nicht integriert. Deshalb müsst ihr die URL folgendermaßen formatieren:
http://www.youtube.com/v/CITF-dZD8oo

Das Prinzip dürfte klar sein. Einfach ein /v/ an die URL anhängen und die Video-ID (CITF-dZD8oo) hintendran einfügen.

Im Backend wird dann noch der Titel vergeben und auf 'Speichern' gedrückt. Das Wars !
Zusätzlich lässt sich noch die Darstellung der Videos im Frontend beeinflussen.
Beispielsweise der Autostart oder der Vollbildschirm-Modus.

Bis zum Release werden noch folgende Features eingebaut:
  • Video-Vorschau im Backend
  • Colorpicker für Farbe des Players und des Rahmens
  • Die Möglichkeit ohne Bearbeitung die URL einzufügen (siehe oben)
  • Ein -und Ausklappfunktion für Videos im Frontend

Auf Feedback/Verbesserungsvorschläge würde ich mich freuen..
Zum Download gibts das Modul bald auf dieser Seite und im Anhang des Threads

mfg
Janosch94
« Last Edit: June 06, 2009, 08:02:16 PM by janosch94 » Logged

Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. Grin
erpe

Offline Offline

Posts: 2077


WWW
« Reply #1 on: June 06, 2009, 12:53:23 PM »

Hallo

will dich in deinem Arbeitseifer auf keinen Fall bremsen, aber das kommt mir so bekannt vor:
http://www.websitebakers.com/pages/droplets/official-library/images/youtube.php

Baust du da nicht gerade dasselbe?

Gruss

erpe
Logged

janosch94

Offline Offline

Posts: 185


WWW
« Reply #2 on: June 06, 2009, 12:56:05 PM »

Was is eigentlich der Unterschied zwischen Droplet und Modul ?
Weil damit kann man ja einfach nur das Video ausgeben und mit meinem Modul dann auch konfigurieren. Es ist sozusagen eine Erweiterung
Logged

Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. Grin
erpe

Offline Offline

Posts: 2077


WWW
« Reply #3 on: June 06, 2009, 01:07:03 PM »

Wie gesagt, will dich in keine Fall im Arbeitseifer bremsen............ ..... grin

Gruss

erpe
Logged

janosch94

Offline Offline

Posts: 185


WWW
« Reply #4 on: June 06, 2009, 01:09:14 PM »

Ja schon klar smiley
Aber ich bin der Meinung das dieses Droplet fast nichts bringt wink
Ich kannte dieses Droplet vorher noch nicht, deshalb wusste ich noch net bescheid
Logged

Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. Grin
dbs
WebsiteBaker Org e.V.

Online Online

Posts: 3267


WWW
« Reply #5 on: June 06, 2009, 01:20:02 PM »

ist wohl auch eine frage wie oft man so ein video einstellt.
bei mir ist das eher selten der fall und da greif ich gern auf das droplet zurück, da ich ja nur schnell mal im wysiwygteil diesen aufuif starte [[dropletname+id+parameter]]
oder was mir noch besser gefällt
die videofunktion von fancybox, wo das youtube-video aufpoppt.

außer höhe und breite hat man allerdings keinen einfluss auf die darstellung.

gruß dbs
Logged

janosch94

Offline Offline

Posts: 185


WWW
« Reply #6 on: June 06, 2009, 01:23:09 PM »

Quote
außer höhe und breite hat man allerdings keinen einfluss auf die darstellung.
Gerade dieses Problem soll das Modul beheben. Man kann viel mehr einstellen als bei dem Droplet. Beim Release dann noch die Farbe des Players, usw...

Aber wie du schon gesagt hast, es lohnt sich nur für denjenigen, der oft Videos online stellt. Für gelegentliche Videos ist das Droplet kompakter
Logged

Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. Grin
dbs
WebsiteBaker Org e.V.

Online Online

Posts: 3267


WWW
« Reply #7 on: June 06, 2009, 03:15:47 PM »

wollte es aber trotzdem mal testen. smiley
alles weiß bzw. leer.

view.php zeile 53 muss bestimmt so aussehen?:
Quote
echo '<script type=\"text/javascript\" src="'.WB_URL.'/modules/youtube/include/swfobject.js"></script>';

aber so läuft es auchn och nicht bei mir.
da seh ich dann nur titel und http-adresse des videos
Logged

janosch94

Offline Offline

Posts: 185


WWW
« Reply #8 on: June 06, 2009, 03:19:37 PM »

Sry hatte vorhin die falsche Version in den Anhang gepostet
Bin schon am reparieren
Logged

Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. Grin
janosch94

Offline Offline

Posts: 185


WWW
« Reply #9 on: June 06, 2009, 03:27:36 PM »

So jetzt funktioniert wieder alles smiley
Neue Version (0.8.1) auf:

http://www.computerjan.de/media/mod_youtube/mod-youtube.zip

bitte nicht vergessen die Video-URL umzustellen ! Sonst funktionierts nicht

und im Anhang
« Last Edit: June 06, 2009, 03:49:06 PM by janosch94 » Logged

Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. Grin
dbs
WebsiteBaker Org e.V.

Online Online

Posts: 3267


WWW
« Reply #10 on: June 06, 2009, 03:37:01 PM »

änder mal schnell die versions-nr in der info.php smiley

so: jetzt sieht es so aus als ob ein video kommen soll, aber es bleibt weiß.
der platz fürs video wird aber belegt bzw. freigemacht.
hat sicher nichts damit zu tun, dass ich lokal teste?
« Last Edit: June 06, 2009, 03:41:29 PM by dbs » Logged

janosch94

Offline Offline

Posts: 185


WWW
« Reply #11 on: June 06, 2009, 03:44:30 PM »

Nein das liegt zu 99% daran, das du die URL des Videos erst umschreiben musst.
Mache aus
http://www.youtube.com/watch?v=y-LhyAVzDBI

ein

http://www.youtube.com/v/y-LhyAVzDBI

Quote
änder mal schnell die versions-nr in der info.php
oh huups
hab ich ganz vergessen. hab die nr. erst nur auf AMASP geändert
« Last Edit: June 06, 2009, 03:46:03 PM by janosch94 » Logged

Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. Grin
dbs
WebsiteBaker Org e.V.

Online Online

Posts: 3267


WWW
« Reply #12 on: June 06, 2009, 03:54:27 PM »

boah, da musste ich jetzt aber 3x hingucken um die unterschiede alle zu erkennen.  grin
ok, so klappt es. hast ja ein unglückliches beispiel gewählt mit deinem video.
"einbetten auf anfrage verweigern"
mit anderen geht es aber.

ok, und nun willst du das automatisieren mit dem ändern?
Logged

janosch94

Offline Offline

Posts: 185


WWW
« Reply #13 on: June 06, 2009, 03:56:52 PM »

Quote
"einbetten auf anfrage verweigern"
Waaas ? huh also bei mir nicht

Naja egal

Ja ich will das ganze mit Regulären Ausdrücken automatisieren, sodass man nur den Link einfügen muss. Und nicht erst umformen muss
Logged

Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. Grin
dbs
WebsiteBaker Org e.V.

Online Online

Posts: 3267


WWW
« Reply #14 on: June 06, 2009, 03:59:36 PM »

dann war das einer meiner versuchs-videos. sorry

wie willst du es nun hinbekommen, dass man das video an gewünschter stelle plaziert?
Logged

janosch94

Offline Offline

Posts: 185


WWW
« Reply #15 on: June 06, 2009, 04:01:55 PM »

Ja das war etwas "übertrieben". Es wird einfach als ganz normaler Abschnitt im Frontend ausgegeben. So wie fast jedes andere Modul (z.B. News, Gästebuch, etc...). Man kann ja schon jetzt die Position per CSS ändern
Logged

Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. Grin
dbs
WebsiteBaker Org e.V.

Online Online

Posts: 3267


WWW
« Reply #16 on: June 06, 2009, 04:10:10 PM »

smiley

trotzdem ist dein modul dann nicht schlecht, gerade wenn es um benutzerfreundlichk eit geht.
das auge will ja auch was schönes sehen, wenn man eine seite bearbeitet. zur not kann man mit dem section picker das video an jeder stelle in jeder seite platzieren.
Logged

janosch94

Offline Offline

Posts: 185


WWW
« Reply #17 on: June 06, 2009, 04:18:15 PM »

genau so ist es !
Es kommen ja noch zahlreiche noch interessantere Features hinzu:
z.B die Auswahl der Playerfarbe oder Ein- und Ausklappfunktionen für Videos um nicht benötigte Videos ausklappen zu können (siehe hier)
Logged

Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. Grin
dbs
WebsiteBaker Org e.V.

Online Online

Posts: 3267


WWW
« Reply #18 on: June 06, 2009, 05:04:55 PM »

nicht schlecht.
wegen ausklappen legt man dann eben so viele sectionen an wie man videos haben will?
Logged

janosch94

Offline Offline

Posts: 185


WWW
« Reply #19 on: June 06, 2009, 05:06:11 PM »

ja
ne andere Möglichkeit würde mir jetzt nicht einfallen
Logged

Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. Grin
janosch94

Offline Offline

Posts: 185


WWW
« Reply #20 on: June 06, 2009, 05:47:54 PM »

Jetzt hat das Modul auch seine eigene Seite im WWW wink, auf der die Release-Notes zu finden sind:
http://blog.computerjan.de/wb-youtube-modul/

Neue Versionen werden aber auch hier im Forum angekündigt smiley
Logged

Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. Grin
Hans

Offline Offline

Posts: 560


« Reply #21 on: June 06, 2009, 06:37:56 PM »

Thanks! Great addition!
Danke! Eine schöne Erweiterung!
Hans

Edit: Übersetzung in Niederländisch eingeschlossen.
English language file completed.
« Last Edit: June 06, 2009, 07:09:46 PM by Hans » Logged

Hans - Nijmegen - The Netherlands
janosch94

Offline Offline

Posts: 185


WWW
« Reply #22 on: June 06, 2009, 07:53:32 PM »

Version 0.85 (beta) zum Download freigegeben
Änderungen:
  • Standard-Video nach Installation wurde geändert
  • Zugriff auf Formularelemente wurde für mehrere Formulare angepasst
  • englische Sprachdatei erweitert und niederländische hinzugefügt
  • URL-Parsing jetzt implementiert
  • CSS-Zugriff auf Frontend Video und Überschrift verbessert

Zu Punkt 4: Die URLs müssen jetzt nicht mehr umgeschrieben werden !!! Sie sollten im folgenden Format eingefügt werden:

http://www.youtube.com/watch?v=4pBQNwkkcP8


Zu Punkt 5: Alle Videos im Frontend können nun per JavaScript oder CSS direkt angesprochen werden. Hier die Beispiele: Will man auf den Titel von Video 66 im Frontend zugreifen, geht man nach folgendem Schema vor:
Code:
#videodesc_66 {
font-size: large;
font-family: Arial;
}

Features in Entwicklung:
  • Videovorschau im Backend
  • Colorpicker für Farbauswahl des Videoplayers
  • Ein- und Ausklappfunktion für die Videos (siehe hier)
  • Text in Tooltipps des Backends in Sprachdateien auslagern

Besonderen Dank geht an Hans, der mir die deutsche Sprachdatei ins Niederländische übersetzt hat.  smiley

Downloadlink befindet sich auf ganz unten:
http://blog.computerjan.de/websitebaker/version-085/
Logged

Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. Grin
Hans

Offline Offline

Posts: 560


« Reply #23 on: June 06, 2009, 08:23:25 PM »

Thanks!
Wird es ach noch eine Möglichkeit geben um die ADs in den Videos zu eliminieren?
Hans
Logged

Hans - Nijmegen - The Netherlands
janosch94

Offline Offline

Posts: 185


WWW
« Reply #24 on: June 06, 2009, 08:24:13 PM »

Welche ADs meinstu genau ?
Logged

Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. Grin
Pages: [1] 2 3 4   Go Up
Print
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.16 | SMF © 2011, Simple Machines Valid XHTML 1.0! Valid CSS!