https://github.com/eufekt/mixer

Music player for are.na channels
https://github.com/eufekt/mixer

are-na arena music playlist soundcloud youtube

Last synced: 25 days ago
JSON representation

Music player for are.na channels

• Host: GitHub
• URL: https://github.com/eufekt/mixer
• Owner: eufekt
• Created: 2023-01-20T22:19:43.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-18T23:03:07.000Z (11 months ago)
• Last Synced: 2024-10-15T04:41:55.232Z (2 months ago)
• Topics: are-na, arena, music, playlist, soundcloud, youtube
• Language: TypeScript
• Homepage: https://arena-mixer.com
• Size: 830 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Are.na Mixer

Are.na Mixer is an online music player that allows you to play music from Youtube and Soundcloud links stored in are.na channels. 

Are.na Mixer is available on [www.arena-mixer.com](https://www.arena-mixer.com).

> Are.na is a place to save content, create collections over time and connect ideas. Privately or with other people [...] With no ads, likes, or recommendations, Are.na is a more mindful space where you can work through any project over time. It's a place to structure your ideas and build new forms of knowledge together. Learn more at [are.na/about](https://www.are.na/about)

## Use case

Are.na allows you to save images, text, links, files and more from your phone or browser. What you save is called a block and a channel is made of many blocks. In this case a channel is a list of Youtube and Soundcloud links that are curated into a playlist. These curated playlists can be played in the Mixer app. Many Youtube or Soundcloud links are not found on the current streaming platforms. This app allows you to listen to those links with playback features.

## Current Features

- Fetches the channels from the [are.na API](https://dev.are.na/documentation/channels)

- Browse playlists connected to [mixer](https://www.are.na/la-src/mixer-xmxflhedaiq)

- Autoplay playlists on selection

- Play, pause, next, go back

## Roadmap

- Add a "shuffle" button to the player

- Add volume control on browser

- Add ability to see hisory and whats next

- Add a search functionality for playlists

- Load playlist by pasting a link

- Enhance the app with local storage where applicable (e.g. history, favorites, etc.)

- Mobile browser support

- Are.na authentication to manage blocks

## Techstack

- React.js

- Next.js

- Are.na API

## Other

The motivation behind this project was to make a tool similar to [mac.are.na](https://mac.are.na/) but enhanced with images as I often did not recognize the artist names or song titles that I saved. I also wanted to learn more about React.js and Next.js.

You can save content with are.na while browsing the internet with the are.na [chrome extension](https://chrome.google.com/webstore/detail/arena/lkihjlcipnbgeokmfnpogjfflofbfhga)

You can boost your are.na channel organization with the are.na [multiplexer](https://github.com/mguidetti/are.na-multiplexer)

You can also just enjoy vanilla [are.na](https://www.are.na/) as a social network and a place to save content. Their open source api allows you to experiment with the vast amount of channels curated by the community.