Der Ambient-Modus von YouTube verbessert die Wiedergabe, indem er die Videofarben auf den Hintergrund ausdehnt. Diese Anleitung zeigt, wie man einen ähnlichen Effekt mit zwei übereinander gestapelten Videos erreichen kann. Der Prozess beinhaltet, die Videos in einem Container-Div zu platzieren. Das Hauptvideo wird absolut über ein stummgeschaltetes, steuerloses Ambient-Video positioniert. Das Ambient-Video wird dann skaliert, unscharf gemacht und seine Opazität reduziert. Dies erzeugt den immersiven Hintergrund-Effekt. Die Anleitung zeigt, wie man die Videos für das gewünschte Aussehen positioniert und stylen kann. Mit JavaScript können beide Videos dynamisch synchronisiert werden. Der Blog bietet eine visuelle Demo und den Quellcode als Referenz. Die vollständige Anleitung vereinfacht die Nachbildung des Ambient-Modus von YouTube.
dev.to
Recreating Ambient Mode from Youtube Videos
Create attached notes ...