svelte-myspace-player
svelte / sveltekit
"the only unofficial svelte myspace player!"
Data center, Internet
Profile Views: 69420
Last Login: 29/06/2011
Data center, Internet
Profile Views: 69420
Last Login: 29/06/2011
Interact with svelte-myspace-player
Author URL:
https://www.jthaw.me
https://www.jthaw.me
<MyspacePlayer/> props
totalPlaysCount number
playsTodayCount number
downloadsCount number
combineTotalPlays boolean
displayComponent Snippet<[CurrentTrackInfo]>
trackComponent Snippet<[TrackComponentAttributes]>
onPlay (songId: string, albumId?: string | null) => void;
onDownload (song: SongItem) => void;
SongItem attrs
id (required) string
title (required) string
artist (required) string
src (required) string
attribution string
artwork string
plays number
AlbumItem attrs
id (required) string
title (required) string
attribution string
artwork string
items (required) SongItem[]
svelte-myspace-player demo area
Classic list of tracks ()
Grouped tracks ()
🚧 More demos under construction 🚧
Basic svelte-myspace-player usage
<script>
import MyspacePlayer from 'svelte-myspace-player';
const tracks = $state([
{
id: 'someid',
title: 'Song Song',
artist: 'Some Artist',
src: '/some-song.mp3',
artwork: '/some-artwork.jpg'
}
]);
</script>
<MyspacePlayer { tracks } />
About svelte-myspace-player
Now you can bring back one of the greatest music playing experiences you ever (might have) had. It helped launched the careers of acts like Arctic Monkeys, Lily Allen and Kate Nash and presumably a large reason for that was the player.
Updated for modern means, it is responsive, it plays with native web technology, it links into modern APIs (like the MediaSession API) all with that metallic-y charm that you remember. It also now supports grouping items into Albums/Playlists (because I wanted that for something)
svelte-myspace-player's Friends Comments Displaying 0 of 0 comments (Add comment)