better mobile css

To replicate:

1. paste http://mac.are.na/playlist/what-i-think-is-sexy into browser and hit enter
2. 404 Not Found (nginx)

❌

However, this works:

1. go to http://mac.are.na
2. click page 6
3. click Casey Gollan / what i think is sexy!

✅

Anyway, thank you — this is so awesome & useful. Just discovered it last week because somebody added my channel to the mac.arena channel!! (Not expecting a fix, just noting it here in case it's helpful.)

had to run the following:
> npm install -g react-scripts
> npm install react-youtube

I will probably wait until GraphQL is set up to do this. Search and sorting/filtering make it difficult to use the API at the moment. In order for these features to work with pagination, the search/filter/sort params would have to be included in the GraphQL request instead of the front-end <Playslist /> and <Playlists /> components.

Just a visible/hidden toggle button. This channel prompted the suggestion.

Looks like that endpoint was finally changed.

• take a look

• Mixcloud. API has no streaming support: https://www.mixcloud.com/developers/#audio-streams
• Bandcamp. API has no streaming support.

A list of favorites stored in cookies (maybe??)

I plan to implement this with a subheader that persists across views. It will have a play button and a current track time.

Eventually, this subheader will allow the user to nav away from the current playlist to browse other playlists while having control over playback and being able to return to the playlist of the current track.

We got a shoutout on Lot 2046's stream today which got me wondering what our actual usage is.

• remove or reduce preference for mac.are.na in tinyAPI and helpers. caveat here is that the parser part of the API should be app-specific.
• generalize react methods ie 'goToNextTrack' -> 'goToNext'
• regex returns 1 match group but comments says it returns 2
• append source identifier to block object like how validation is done now
• eventually control validation / sanitization / source control with config file so the whole shebang can be used in are.na tv / are.na toolkit
• make a template config for validation/filtering etc

I'd love to be able to sort channel list by name and date added.

Is the service still accepting new channels?

Ideally grabbing the first/last thumbnail of the channel as cover.
https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started

Store an array of track IDs which have been listened to in localstorage. Load this into state. Use this to show what tracks have been listened to, sort of like a :visited state.

Pagination as currently implemented is a bit of a pain.

Randomize the order of track playback!

would be awesome to be able to add tracks from bandcamp. the 3rd largest selection of my links to music tracks are from there.

After navigating to a channel I should be able to hit play without selecting anything to start the playlist.

looks like gavin is in the same zone, maybe worth asking if he'd be up for an are.na integration

http://www.gav.space/projects/01_audioview/index.html

i'm fixing it

predictable track playability validation

• can track be played by react-player
• does the track have a valid URL
• is the block valid

Since there is no config set on youtube quality (there can be) and the video is 1px x 1px, I wonder what the default playback quality is. If it is like 240/360 on hi-res uploads, we should up the ante if possible.

so you can show off to ur friends abt ur good music taste

or create new enemies with ur questionable music taste

Some simple search box & autocomplete to narrow the channel list.

maybe log this with console.error for debug purposes. Sometimes track that have played successfully will error out.

I wonder if there is a better way to support or handle pasting an are.na chan url to make a new playlist.

just ran into this all in one react streaming player. seems like it might be nice to use a consistent module for all media sources.

what do you think?

why not

For integration into arena-toolkit

To prevent tracks from skipping while navigating on Are.na, the playback functionality must be loaded through background.js, and then a separate UI layered on via content.js that communicates with the background script.

As Cab pointed out in #40, it might be a good idea to have some tests for fundamental features like track increment/decrement. Does anyone know how to write a test for this? It's a little more complex than just asking if a class has changed correctly etc.

More of an FYI but Soundcloud is not distributing any new client IDs at the moment:
https://docs.google.com/forms/d/e/1FAIpQLSfNxc82RJuzC0DnISat7n4H-G7IsPQIdaMpe202iiHZEoso9w/closedform

This means that during dev, react-player will reject soundcloud links because it has an Soundcloud config due to the missing token.

dang it