Media information playing in a browser is not directly available to a small external hardware display.Informasi media yang diputar di browser tidak langsung tersedia pada layar perangkat keras kecil di luar browser.
Back to selected workKembali ke proyek pilihan
In ProgressDalam pengerjaanAutomationOtomasi · IoT / ExperimentsIoT / Eksperimen
YouTube Music × ESP32
Browser media metadata sent to a local ESP32 display.Metadata media browser dikirim ke layar ESP32 lokal.
- RolePeran
- Developer · ExperimentPengembang · Eksperimen
- PeriodPeriode
- In progress
- Stack
- JavaScript · Chrome Extension APIs · ESP32 · HTTP · JSON
Browser-to-device now-playing data flowAlur data lagu dari browser ke perangkat
OverviewRingkasan
What the project needed to solve.Masalah yang perlu diselesaikan.
A Manifest V3 extension reads the active YouTube Music player state and relays a compact now-playing payload to an ESP32 HTTP endpoint on the same network.Ekstensi Manifest V3 membaca status pemutar YouTube Music lalu mengirim payload ringkas lagu yang sedang diputar ke endpoint HTTP ESP32 pada jaringan yang sama.
ContributionKontribusi
Responsibilities and shipped work.Tanggung jawab dan hasil kerja.
Contributions are described without claiming sole ownership.Kontribusi dijelaskan tanpa mengklaim kepemilikan tunggal.
- Created the Manifest V3 Chrome extension structure.Membuat struktur ekstensi Chrome Manifest V3.
- Read title, artist, duration, playback position, and paused state from YouTube Music.Membaca judul, artis, durasi, posisi pemutaran, dan status jeda dari YouTube Music.
- Relayed browser data through a background service worker to a local HTTP endpoint.Meneruskan data browser melalui background service worker ke endpoint HTTP lokal.
- Kept the experiment clearly separated from finished production work.Menandai eksperimen ini secara jelas, terpisah dari pekerjaan produksi yang selesai.
TechnologyTeknologi
Trace the stack back to the work.Lihat penggunaan teknologi dalam karya.
Select a technology to see where it was used.Pilih teknologi untuk melihat penggunaannya.
Where I usedSaya gunakan di JavaScript
Engineering areasArea rekayasa
Challenges handled in context.Tantangan dalam konteksnya.
Browser integrationIntegrasi browser
YouTube Music exposes player data through changing page structures, so the content script checks several selectors and media elements.Struktur halaman YouTube Music dapat berubah, sehingga content script memeriksa beberapa selector dan elemen media.
Local device deliveryPengiriman ke perangkat lokal
The background worker bridges a secure browser page to an HTTP device endpoint on the local network.Background worker menghubungkan halaman browser aman ke endpoint HTTP perangkat pada jaringan lokal.
Work still in progressPekerjaan masih berlangsung
The public repository currently demonstrates the browser-side prototype; hardware firmware and a complete packaged workflow are not presented as finished.Repositori publik saat ini menunjukkan prototipe sisi browser; firmware perangkat dan alur paket lengkap belum dinyatakan selesai.
HighlightsSorotan
What is evidenced by the work.Hasil yang didukung bukti kerja.
- Browser-to-device now-playing data flow.Alur data lagu yang sedang diputar dari browser ke perangkat.
- Compact HTTP/JSON payload designed for a local embedded target.Payload HTTP/JSON ringkas untuk perangkat embedded lokal.
- Frequent playback state updates for a near-real-time display.Pembaruan status pemutaran berkala untuk layar yang mendekati real-time.
Next projectProyek berikutnya
Explore the rest of the work.Jelajahi karya lainnya.
Next upSelanjutnya: KandU Campus Platform. Or return to all selected projects.Atau kembali ke semua proyek pilihan.
