Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	New webpage
ID	4601331293011968
Created	3 months ago, 1727795426144
Updated	3 months ago, 1727839966184
Code	<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>New webpage</title> <script src="https://cdn.jsdelivr.net/gh/jjroley/audio-files@v0.0.8/dist/index.js"></script> <style> html, body { margin: 0; padding: 0; } body { font-family: sans-serif; } .player { display: flex; align-items: center; background: whitesmoke; padding: 16px; border-radius: 8px; } .play-btn { margin-left: auto; background: coral; color: white; border-radius: 100px; cursor: pointer; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; } .tracks { padding: 12px; max-height: calc(100vh - 50px); overflow-y: auto; display: flex; flex-direction: column; gap: 12px; } .now-playing { position: fixed; bottom: 0; width: 100%; height: 50px; background-color: #333; } </style> </head> <body> <div class="tracks"> </div> <div class="now-playing"> </div> <script type="module" defer> const BASE_URL = "https://cdn.jsdelivr.net/gh/jjroley/audio-files@0.0.7/"; const player = new window.AFPlayer("https://cdn.jsdelivr.net/gh/jjroley/audio-files@0.0.7/"); console.log(window.AFTracks, window.AFPlayer) const tracks = player.tracks.getAll() for(const slug in tracks) { const player = document.createElement('div') player.classList.add('player') player.innerHTML = `<div class="title">${tracks[slug].name}</div><div class="play-btn"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"><polygon points="6 3 20 12 6 21 6 3"/></svg></div>` document.querySelector('.tracks').appendChild(player) } player.load('kangaroo-game').then(console.log) // loadTrack('kangaroo-game').then(data => { // player.loadTrack('kangaroo-game', data) // // console.log(data) // // window.loadAudio(data) // }) // document.addEventListener('click', () => { // player.start() // }) </script> <script></script> </body> </html>
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgNvprpyWCAw
Votes	1
Spin-Offs	0
Type	WEBPAGE
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	bravo bravo
Author Name	jjroley
Author ID	kaid_3550040499775075061747637
Author Profile Access	PUBLIC

Archive Data

Added	1 months ago, 1732239171102
Updated	1 months ago, 1732239171102
Source Deleted	unknown