Support audio files

[aldosolorzano]

Description

My intent with this PR is to bring a basic support for audio files to athens.

Solution

So far this is what I have;

• Copy the audio file from the drag and drop event and move it to the athens folder.
• I chose the text ^[]() to be used to represent an audio file so that the interpreter can render the audio view correctly.
  

Problems

1. Have a specific folder for audio files and to re-use the images folder.
2. Render a simple component view to be able to play and pause the audio file.
3. As audio files are larger than images, I don't know if it will impact the search engine. Probably not as the search engine only looks for text
4. Uploading heavy to the cloud will be a challenge

[CLAassistant]

All committers have signed the CLA.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
athens	✅ Ready (Inspect)	Visit Preview	Jun 17, 2022 at 3:05PM (UTC)

[vercel]

Deployment failed with the following error:

Invalid request: `target` should be string.

[aldosolorzano]

This is not working, dunno how if chakra ui supports audio

[aldosolorzano]

Even with this change, when I tried to access to :audios-dir it returns nil

[aldosolorzano]

This and the save-image function share a big portion of code, maybe makes sense to refactor the common code to copy files

[aldosolorzano]

I just did some copy and paste, but I don't fully understand how the interpreter works

[jefftangx]

Hi @aldosolorzano, thank you so much for the PR! Some questions around this:

• We think we will move away from markdown syntax eventually to be more rich-text. I'm not sure if we want to support more syntax like ^[](), which is not really standard in markdown.
• I wasn't able to see anything rendered when I linked to an audio file. What kind of UI did you want to present?
• Random question: what kind of audio files did you want to link to in Athens?

[aldosolorzano]

Hi @aldosolorzano, thank you so much for the PR! Some questions around this:

Hi @tangjeff0 thank you for answering and sorry for taking long to reply, now I have some time to try again this.

• We think we will move away from markdown syntax eventually to be more rich-text. I'm not sure if we want to support more syntax like ^[](), which is not really standard in markdown.

Yes agree with you, I randomly chose that syntax as I could find an standard, to what are you planning to migrate ?

• I wasn't able to see anything rendered when I linked to an audio file. What kind of UI did you want to present?

Yes, that's the problem I had, I was able to copy the audio to the athens folder and convert it as ^[](path/to/file) when you drag the file but I cant' render it with a simple player. I tried simple html tag and it didn't work. I think that a super simple play and stop could work to test if it makes sense to have it and invest more time.

• Random question: what kind of audio files did you want to link to in Athens?

Me and my brother like to record audio from natural places, such as ocean, woods, birds etc... and use them for research and to make music. One day I was talking to him while using athens and it clicked me, I could use athens as a way to share notes over an audio file and not send a whatsapp explaining my idea and then audio. Also as I personal log for adding ideas for the specific recordings and have a centralize place.
Probably dealing with audio can become complicated and heavy, but as an experiment I think is worth it to give it try.