Facebook Fanpage: Eigener Music Player

[:: RK ::]

Hi,

ihr kennt sicherlich diese Facebook Fanpages von Musikern, welche einen
angepassten Flash Music Player auf dieser Fanpage integriert haben.

z.B. Tim Bendzko - Wenn Worte meine Sprache wären// Probehören | Facebook

Hat das schon mal jemand gemacht?
Wie genau funktioniert das bei Facebook?
Was ist alles zu beachten, welche Möglichkeiten hat man da (gestalterisch, funktional)?

Danke für jeden Tipp

[Barschel2004]

haha... ich schlage mich gerade auch damit rum...
zuerst einmal musst du fbml (facebookmarkuplanguage) installieren, danach suche nach dem fbml-tabmaker... hier kannst du auf deine (offensichtlich nur) externen .swf-dateien einbinden, et voila: es läuft...
Interactive Imbeciles - Welcome | Facebook
die engebundenen dinge scheinen utomatisch auf 500x800 gesetzt zu werden... aber wie gesagt: ich teste da gerade selber rum...

[:: RK ::]

Danke für deine Tipps. Das sieht ja spannend aus, was du da machst

D.h. also ich kann, in meinem Fall, den Music Player nach Lust und Laune
programmieren und gestalten und muss dann nur die SWF Datei bei Facebook
einbinden? Die ganzen Daten (XML Datei, MP3s) kommen weiterhin von meinem
eigenen Server?

Wo muss ich FBML installieren? Auf der Fanpage etwa?

[:: RK ::]

Die Applikation "Tap Maker" hab ich mittlerweile gefunden (und auch dem Zugriff auf private Daten zugestimmt, grrr!).
Hab einen neuen "Tab" erstellt und folgenden FBML Code eingefügt

 <fb:swf 
	swfbgcolor="000000" 
	imgstyle="border-width:3px; border-color:white;" 
	swfsrc='http://www.youtube.com/v/T94YlW8FFF8' 
	imgsrc='http://img.youtube.com/vi/T94YlW8FFF8/2.jpg' 
	width='340' height='270' />

Aber auf der Fanpage wird nichts angezeig?

Wie hast du das bei dir gemacht?

[feivelmaus]

Was genau willst du denn wissen?

[:: RK ::]

Hi,

ich hab mit dem ganzen Facebook-App-Zeugs noch nicht viel am Hut gehabt und
hab dementsprechend wenig Überblick darüber.

Was ich erreichen möchte:

Ich will einen eigenen Musicplayer programmieren, den ich dann auf einer
Facebook Fanpage unter einem eigenen Tab einbinden kann. Der Player wird
höchst wahrscheinlich über eine XML Datei gefüttert, die MP3 Dateien liegen
ebenfalls auf einem eigenen Server.

Entwicklung des Players ist hier nicht das Problem, es geht mir um die
Einbindung bei Facebook.

Barschel meinte etwas von einem "Tab Maker". Damit hab ich etwas
rumgespielt aber bin nicht zum gewünschten Ergebnis gekommen (siehe
vorherigen Beitrag). Nach etwas googlen hab ich das hier gefunden:

Facebook iframe-Tabs: individuelle Fanseiten-Reiter jetzt mit eigener Anwendung erstellen

Da wird beschrieben, dass man eigene Tabs mit einem sogenannten "iframe Tab"
erstellen kann. Welches Vorgehen ist momentan up-to-date?

- Wie erstelle ich einen eigenen Tab?
- Wie binde ich eine SWF Datei auf einer Fanpage ein?
- Gibt es seitens Facebook irgendwelche Restriktionen bei der Entwicklung des Players?

Danke schonmal!

[feivelmaus]

Zitat von :: RK ::

...die MP3 Dateien liegen
ebenfalls auf einem eigenen Server.

Das müssen sie auch, du kannst nichts bei FB hosten.
Prinzipiell ist es so, dass du deinen Player erstellst, ihn irgendwo hostest und ihn dann via iFrame bei Facebook einbindest.
Zu beachten ist dabei, dass der Contentbereich von Facebook max. 520px breit ist. Meine Erfahrung sagt aber, dass es extrem bugt, wenn man über 500px Breite geht. Die Höhe ist dynamsich.

Zitat von :: RK ::

Facebook iframe-Tabs: individuelle Fanseiten-Reiter jetzt mit eigener Anwendung erstellen

Genau so gehts es hier.
Du musst Admin von der Fanpage sein, wo du den Tab einbauen willst.
Du musst einen verifizierten FB-Devloper Zugang haben. Das läuft via Handynummer (ich glaube nur mit O2 - bin mir aber nicht sicher) oder Kreditkartennummer. So war es zumindest vor knapp 1,5 Jahren. Musst mal schauen, wie das jetzt läuft.
Dann hier klicken: https://www.facebook.com/developers/ und rechts oben 'erstelle eine neue Anwendung'.

Der Rest ist auf deiner Beispielseite erklärt (etwas weiter unten ab 'Erstellen einer Facebook-Anwendung') erklärt.

Wenn es dir auch um die Sharefunktion der einzelnen Tracks geht, wird es natürlich etwas komplizierter, aber läuft dennoch über den iFrame.

Hoffe das hilft etwas.

[:: RK ::]

Danke für deine Antwort, das hilft mir schon mal sehr weiter Jetzt weiß ich
zumindest wie man generell vorgeht.

Das mit dem Developer-Zugang hab ich gesehen, find ich persönlich etwas Assi,
dass ich jetzt da meine Handynummer bzw. Kreditkarte angeben muss! Aber
anders gehts wohl nicht!

[feivelmaus]

Zitat von :: RK ::

Das mit dem Developer-Zugang hab ich gesehen, find ich persönlich etwas Assi,
dass ich jetzt da meine Handynummer bzw. Kreditkarte angeben muss! Aber
anders gehts wohl nicht!

Anders geht es leider nicht. Und ja, ist eine dumme Lösung.

[Barschel2004]

nö... ich musste keine handy-/kreditkartennummer angeben...
die 500px breite müssen übrigens wegen des scrollbalkens sein...

[Barschel2004]

@rk: soweit ich das auf deinem screenshot erkennen kann, stimmt das soweit alles. du musst halt den tab auf der linken seite ansteuern (in dem fall -welcome-)... den kannst du aber auch irgendwie (weiss nicht mehr wie) als starttab festlegen... ist jedenfalls alles voll kacke und das html-konstrukt, das fb daraus bastelt ist schlechtweg... öh... erstaunlich...

[:: RK ::]

Zitat von Barschel2004

@rk: soweit ich das auf deinem screenshot erkennen kann, stimmt das soweit alles. du musst halt den tab auf der linken seite ansteuern (in dem fall -welcome-)... den kannst du aber auch irgendwie (weiss nicht mehr wie) als starttab festlegen... ist jedenfalls alles voll kacke und das html-konstrukt, das fb daraus bastelt ist schlechtweg... öh... erstaunlich...

Für den Tab Maker muss man keine Handynummer eingeben weil man ja keine eigeme App erstellen muss. Für den anderen Weg (iframe-Tab) ist das wiederrum notwendig, weil man eben auf diesem Wege eine eigene App erstellt und man laut Facebook eine registrierter Entwickler sein muss.

Das ist mir natürlich auch bewusst, dass ich den entsprechenden Tab öffnen muss nur kam da leider nichts. Der Conten Bereich war einfach leer. Aber ich glaube, der Tab Maker ist sowieso nicht so optimal.

[Barschel2004]

bei mir reichte es, im tab-maker einen html-code einzufügen, der rest ging von alleine... naja... whatever...

[:: RK ::]

Zitat von Barschel2004

bei mir reichte es, im tab-maker einen html-code einzufügen, der rest ging von alleine... naja... whatever...

Achso, man kann da auch direkt HTML einfügen? Hmm na gut, muss mir das
alles noch genauer anschauen.

Besten Dank auf jeden Fall!

[feivelmaus]

Bin grade darüber gestolpert und dachte, es könnte auch hilfreich sein.
Hier ist leicht beschrieben (dauert komplett ca. 15 Minuten), wie man ein Fan Gate einrichtet.
Ich bin NICHT Fan - es wird Content A angezeigt, ich bin Fan und es wird COntent B angzeigt.

allfacebook.de | So gehts: Fan-Gate bzw. Fan-only iFrame Apps