added 6k labs music widgets

This commit is contained in:
liyunze 2024-01-14 13:55:21 +08:00
parent b7b3d5ac3a
commit d081dce807
4 changed files with 29 additions and 26 deletions

7
package-lock.json generated
View file

@ -11,6 +11,7 @@
"@astrojs/tailwind": "^3.1.3",
"@vercel/analytics": "^1.0.1",
"astro": "^2.10.7",
"caniuse-lite": "^1.0.30001576",
"tailwindcss": "^3.3.2"
}
},
@ -1581,9 +1582,9 @@
}
},
"node_modules/caniuse-lite": {
"version": "1.0.30001497",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001497.tgz",
"integrity": "sha512-I4/duVK4wL6rAK/aKZl3HXB4g+lIZvaT4VLAn2rCgJ38jVLb0lv2Xug6QuqmxXFVRJMF74SPPWPJ/1Sdm3vCzw==",
"version": "1.0.30001576",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001576.tgz",
"integrity": "sha512-ff5BdakGe2P3SQsMsiqmt1Lc8221NR1VzHj5jXN5vBny9A6fpze94HiVV/n7XRosOlsShJcvMv5mdnpjOGCEgg==",
"funding": [
{
"type": "opencollective",

View file

@ -1,7 +1,7 @@
{
"name": "coworking-guide",
"type": "module",
"version": "0.0.1",
"version": "1.0.0",
"scripts": {
"dev": "astro dev",
"start": "astro dev",
@ -13,6 +13,7 @@
"@astrojs/tailwind": "^3.1.3",
"@vercel/analytics": "^1.0.1",
"astro": "^2.10.7",
"caniuse-lite": "^1.0.30001576",
"tailwindcss": "^3.3.2"
}
}

BIN
public/assets/6kLabs.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

View file

@ -111,23 +111,24 @@ A Spotify widget is a great way to let your viewers know what you're listening t
### Browser Source:
<a href="https://6klabs.com/" target="_blank" class="font-bold underline hover:text-blue-400">6K Labs</a>: A widget that shows what you're playing via Spotify or YouTube music. Many customization options provided for free.
<a href="https://6klabs.com/" target="_blank" class="block w-fit"><img src="/assets/6kLabs.webp" width="300" class="mb-10"></a>
<a href="https://pixelchat.tv/" target="_blank" class="font-bold underline hover:text-blue-400">Pixel Chat</a>: An easy-to-implement widget that shows what you're playing via Spotify, Apple Music, etc. Bonus: includes other widgets like one for shout outs, captions, and counters.
<img src="/assets/pixelchat.webp" width="500" class="mb-10">
<a href="https://pixelchat.tv/" target="_blank" class="block w-fit"><img src="/assets/pixelchat.webp" width="500" class="mb-10"></a>
<a href="https://spotify.aidenwallis.co.uk/" target="_blank" class="font-bold underline hover:text-blue-400">Aiden Wallis</a>: A widget that shows what you're playing via Spotify. Bonus: you can add a command like !song to your bot (Nightbot) that outputs the current song.
<img src="/assets/aidenwallis.webp" width="500" class="mb-10">
<a href="https://github.com/liyunze-coding/spotify-widget-for-obs" target="_blank" class="font-bold underline hover:text-blue-400">RythonDev</a>: A widget that shows what you're playing via Spotify. You can customize the widget to your liking using CSS, built using NodeJS.
<img src="/assets/ryanpython_spotify.webp" width="500" class="mb-10">
<a href="https://pixelchat.tv/" target="_blank" class="block w-fit"><img src="/assets/aidenwallis.webp" width="500" class="mb-10"></a>
### Software:
<a href="https://github.com/dlrudie/Snip/releases" target="_blank" class="font-bold underline hover:text-blue-400">Snip</a>: Captures music from iTunes or Spotify and saves the current song as a text and png file that you can add into your streaming software.
<img src="/assets/snip.webp" width="500" class="mb-10">
<a href="https://github.com/dlrudie/Snip/releases" target="_blank" class="block w-fit"><img src="/assets/snip.webp" width="500" class="mb-10"></a>
---