jb_alvarado
Lt. Junior Grade
- Registriert
- Sep. 2015
- Beiträge
- 492
Hallo Allerseits,
keine Ahnung ob hier jemand mit NuxtJS arbeitet, aber ich probiere es einfach mal :-).
Ihr kennt doch sicher die Miniplayer-Funktion von Youtube: das man den Player minimieren und auf der Seite weiter surfen kann. So was in der Art würde ich gerne umsetzten. Mir geht es auch wirklich explizit um diese Form und nicht das, was der Browser nativ unterstützt.
Mein Gedanke war zuerst, dass ich das Player-Component direkt in die Layoutdatei einbinde, dadurch hätte ich schon mal den Player auf allen Routen verfügbar. Mit einer Middleware prüfe ich dann bei jedem Seitenwechsel wo der User sich gerade befindet, wenn er auf der Hauptseite ist, wäre dann dementsprechend der Player in voller Größe sichtbar und auf allen anderen Seiten nur als kleiner Player unten rechts.
Bei dieser Herangehensweise ist allerdings der Wechsel von Hauptseite zur einer anderen Seite unrund, weil durch die Middleware das Player-Div, kurz vor Seitenwechsel verschwindet und die unteren Seitenelemente nach oben rutschen, und dann kommt die neue Seite erst zum Vorschein. Das ganze ist nur ein Bruchteil einer Sekunde, aber erzeugt halt eine Irritation weil man als Besucher gar nicht richtig checkt was da passiert.
Ein anderer Nachteil ist, dass über dem Player auf der Hauptseite auch noch ein anderes Element ist, was mit dieser Methode zusätzlich ausblendet werden muss. Ich fände es schöner, wenn ich nur ein Player-Component hätte, was ich dann über die Routen hinweg verschieben kann.
Habt ihr mir vielleicht ein paar Anregungen wie ihr das umsetzten würdet?
keine Ahnung ob hier jemand mit NuxtJS arbeitet, aber ich probiere es einfach mal :-).
Ihr kennt doch sicher die Miniplayer-Funktion von Youtube: das man den Player minimieren und auf der Seite weiter surfen kann. So was in der Art würde ich gerne umsetzten. Mir geht es auch wirklich explizit um diese Form und nicht das, was der Browser nativ unterstützt.
Mein Gedanke war zuerst, dass ich das Player-Component direkt in die Layoutdatei einbinde, dadurch hätte ich schon mal den Player auf allen Routen verfügbar. Mit einer Middleware prüfe ich dann bei jedem Seitenwechsel wo der User sich gerade befindet, wenn er auf der Hauptseite ist, wäre dann dementsprechend der Player in voller Größe sichtbar und auf allen anderen Seiten nur als kleiner Player unten rechts.
Bei dieser Herangehensweise ist allerdings der Wechsel von Hauptseite zur einer anderen Seite unrund, weil durch die Middleware das Player-Div, kurz vor Seitenwechsel verschwindet und die unteren Seitenelemente nach oben rutschen, und dann kommt die neue Seite erst zum Vorschein. Das ganze ist nur ein Bruchteil einer Sekunde, aber erzeugt halt eine Irritation weil man als Besucher gar nicht richtig checkt was da passiert.
Ein anderer Nachteil ist, dass über dem Player auf der Hauptseite auch noch ein anderes Element ist, was mit dieser Methode zusätzlich ausblendet werden muss. Ich fände es schöner, wenn ich nur ein Player-Component hätte, was ich dann über die Routen hinweg verschieben kann.
Habt ihr mir vielleicht ein paar Anregungen wie ihr das umsetzten würdet?
