Ruby on Rails #143 Turbo Permanent: persist Audio Video and Search results while navigating pages
Often when you visiting media websites, you will want an audio or video player to keep playing even after navigating to another page (like Spotify).
data-turbo-permanent is a Turbo Drive feature that makes it very easy to persist (not refresh) elements when navigating to other pages in an app.
On Superails I use data-turbo-permanent to persist latest search results when navigating around pages.
In this episode we will keep audio and video playing across page navigation.
As a bonus, we will look at opening video picture-in-picture when navigating to another page!
Episode source code:
Based on this blogpost:
0:00 Examples of using data-turbo-permanent
2:13 Use data-turbo-permanent
3:24 permanent audio player while navigating around app
4:05 permanent video player
4:30 trigger picture-in-picture video player when navigating around the app
1 view
4
0
6 months ago 00:44:16 1
Ruby on Rails: The Documentary
6 months ago 00:03:30 1
Ruby - Namet Nenna [ Official Music Video ] | روبي - نمت ننه
6 months ago 00:00:07 1
The Jacob & Co. Mystery Tourbillon #shorts #timelapse
6 months ago 01:09:23 1
Online Форум RUBY
6 months ago 00:03:29 1
TAEYONG 태용 ’샤랄라 (SHALALA)’ MV
6 months ago 00:02:07 1
[4k] See Through Clothing in PUBLIC | Transparent Try On Haul
6 months ago 00:04:33 13
Namami Yoga-Vidye
6 months ago 00:07:38 1
Sade - Smooth Operator (Live 2011)
6 months ago 00:21:15 1
Can I Beat Pokemon Red with ONLY Water Types? 🔴 Pokemon Challenges ► NO ITEMS IN BATTLE
6 months ago 00:03:51 1
Ichon - La Vie | A COLORS SHOW
6 months ago 00:00:00 1
Солоранг и только! #mlbb #mobilelegends #wanwan #shorts
6 months ago 00:01:59 1
Сливочный сыр из кефира Крем Сыр творожный для крема в домашних условиях Рецепт
6 months ago 00:01:48 1
Mars Express Trailer #1 (2024)
6 months ago 00:02:39 1
Конвертировать HEIC в JPG онлайн и через программу
6 months ago 00:21:28 2
Shocking Photos Show Ruby Franke, Jodi Hildebrandt Crime Scene House
6 months ago 00:33:11 1
7 Revelations About Ruby Franke’s Husband in YouTube Mom’s Child Abuse Case
6 months ago 00:00:00 1
ПАТИ ОНЛАЙН
6 months ago 00:09:23 1
СБОРКА ДЛЯ ГОСНИКОВ 2024 НА AMAZING ONLINE (gta crmp)
6 months ago 00:03:16 1
Jackson Wang - Cruel (Official Music Video)
6 months ago 00:21:33 1
Sci-Fi Short Film “Firmware“ | DUST
6 months ago 00:03:34 1
Lil Peep - Awful Things feat. Lil Tracy (Official Video)
6 months ago 00:01:58 1
Little Goody Two Shoes - Opening ~ Ruby Red Shoes
6 months ago 00:02:12 1
Nxdia - She Likes A Boy (Official Music Video)
6 months ago 00:04:27 1
Stanton Warriors - Get Up (feat. Ruby Goes & Hollywood Holt)