Author Topic: Multimediamodul-Vorstellung: Youtube-Video  (Read 30832 times)

Offline janosch94

  • Posts: 185
  • Gender: Male
Multimediamodul-Vorstellung: Youtube-Video
« on: June 06, 2009, 01: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

[gelöscht durch Administrator]
« Last Edit: June 06, 2009, 09:02:16 PM by janosch94 »
Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. ;D

erpe0812

  • Guest
Re: Multimediamodulvorstellung: Youtube-Video
« Reply #1 on: June 06, 2009, 01: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

Offline janosch94

  • Posts: 185
  • Gender: Male
Re: Multimediamodulvorstellung: Youtube-Video
« Reply #2 on: June 06, 2009, 01: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
Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. ;D

erpe0812

  • Guest
Re: Multimediamodulvorstellung: Youtube-Video
« Reply #3 on: June 06, 2009, 02:07:03 PM »
Wie gesagt, will dich in keine Fall im Arbeitseifer bremsen............ ..... :-D

Gruss

erpe

Offline janosch94

  • Posts: 185
  • Gender: Male
Re: Multimediamodulvorstellung: Youtube-Video
« Reply #4 on: June 06, 2009, 02:09:14 PM »
Ja schon klar :-)
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
Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. ;D

Online dbs

  • Betatester
  • **
  • Posts: 7789
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: Multimediamodulvorstellung: Youtube-Video
« Reply #5 on: June 06, 2009, 02: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

Offline janosch94

  • Posts: 185
  • Gender: Male
Re: Multimediamodulvorstellung: Youtube-Video
« Reply #6 on: June 06, 2009, 02: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
Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. ;D

Online dbs

  • Betatester
  • **
  • Posts: 7789
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: Multimediamodulvorstellung: Youtube-Video
« Reply #7 on: June 06, 2009, 04:15:47 PM »
wollte es aber trotzdem mal testen. :-)
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

Offline janosch94

  • Posts: 185
  • Gender: Male
Re: Multimediamodulvorstellung: Youtube-Video
« Reply #8 on: June 06, 2009, 04:19:37 PM »
Sry hatte vorhin die falsche Version in den Anhang gepostet
Bin schon am reparieren
Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. ;D

Offline janosch94

  • Posts: 185
  • Gender: Male
Re: Multimediamodulvorstellung: Youtube-Video
« Reply #9 on: June 06, 2009, 04:27:36 PM »
So jetzt funktioniert wieder alles :-)
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

[gelöscht durch Administrator]
« Last Edit: June 06, 2009, 04:49:06 PM by janosch94 »
Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. ;D

Online dbs

  • Betatester
  • **
  • Posts: 7789
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: Multimediamodulvorstellung: Youtube-Video
« Reply #10 on: June 06, 2009, 04:37:01 PM »
änder mal schnell die versions-nr in der info.php :-)

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, 04:41:29 PM by dbs »

Offline janosch94

  • Posts: 185
  • Gender: Male
Re: Multimediamodulvorstellung: Youtube-Video
« Reply #11 on: June 06, 2009, 04: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, 04:46:03 PM by janosch94 »
Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. ;D

Online dbs

  • Betatester
  • **
  • Posts: 7789
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: Multimediamodulvorstellung: Youtube-Video
« Reply #12 on: June 06, 2009, 04:54:27 PM »
boah, da musste ich jetzt aber 3x hingucken um die unterschiede alle zu erkennen.  :-D
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?

Offline janosch94

  • Posts: 185
  • Gender: Male
Re: Multimediamodulvorstellung: Youtube-Video
« Reply #13 on: June 06, 2009, 04:56:52 PM »
Quote
"einbetten auf anfrage verweigern"
Waaas ? :? 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
Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. ;D

Online dbs

  • Betatester
  • **
  • Posts: 7789
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: Multimediamodulvorstellung: Youtube-Video
« Reply #14 on: June 06, 2009, 04: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?

Offline janosch94

  • Posts: 185
  • Gender: Male
Re: Multimediamodulvorstellung: Youtube-Video
« Reply #15 on: June 06, 2009, 05: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
Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. ;D

Online dbs

  • Betatester
  • **
  • Posts: 7789
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: Multimediamodulvorstellung: Youtube-Video
« Reply #16 on: June 06, 2009, 05:10:10 PM »
:-)

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.

Offline janosch94

  • Posts: 185
  • Gender: Male
Re: Multimediamodulvorstellung: Youtube-Video
« Reply #17 on: June 06, 2009, 05: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)
Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. ;D

Online dbs

  • Betatester
  • **
  • Posts: 7789
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: Multimediamodulvorstellung: Youtube-Video
« Reply #18 on: June 06, 2009, 06:04:55 PM »
nicht schlecht.
wegen ausklappen legt man dann eben so viele sectionen an wie man videos haben will?

Offline janosch94

  • Posts: 185
  • Gender: Male
Re: Multimediamodulvorstellung: Youtube-Video
« Reply #19 on: June 06, 2009, 06:06:11 PM »
ja
ne andere Möglichkeit würde mir jetzt nicht einfallen
Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. ;D

Offline janosch94

  • Posts: 185
  • Gender: Male
Re: Multimediamodulvorstellung: Youtube-Video
« Reply #20 on: June 06, 2009, 06: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 :-)
Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. ;D

Offline Hans

  • Posts: 912
  • Gender: Male
Re: Multimediamodulvorstellung: Youtube-Video
« Reply #21 on: June 06, 2009, 07:37:56 PM »
Thanks! Great addition!
Danke! Eine schöne Erweiterung!
Hans

Edit: Übersetzung in Niederländisch eingeschlossen.
English language file completed.

[gelöscht durch Administrator]
« Last Edit: June 06, 2009, 08:09:46 PM by Hans »
Hans - Nijmegen - The Netherlands

Offline janosch94

  • Posts: 185
  • Gender: Male
Re: Multimediamodulvorstellung: Youtube-Video
« Reply #22 on: June 06, 2009, 08: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: [Select]
#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.  :-)

Downloadlink befindet sich auf ganz unten:
http://blog.computerjan.de/WebsiteBaker/version-085/
Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. ;D

Offline Hans

  • Posts: 912
  • Gender: Male
Re: Multimediamodul-Vorstellung: Youtube-Video
« Reply #23 on: June 06, 2009, 09:23:25 PM »
Thanks!
Wird es ach noch eine Möglichkeit geben um die ADs in den Videos zu eliminieren?
Hans
Hans - Nijmegen - The Netherlands

Offline janosch94

  • Posts: 185
  • Gender: Male
Re: Multimediamodul-Vorstellung: Youtube-Video
« Reply #24 on: June 06, 2009, 09:24:13 PM »
Welche ADs meinstu genau ?
Wie kastriert man Windows-User? Man schneidet das Mauskabel durch. ;D