Skip to content

eufekt/mixer

Repository files navigation

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.

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

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
  • Browse playlists connected to mixer
  • 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 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

You can boost your are.na channel organization with the are.na multiplexer

You can also just enjoy vanilla 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.