Hacker News new | ask | show | jobs
by aeroheim 1661 days ago
Hey, thanks for your interest!

The footage in the trailer shows what the music videos look like. All of it is recorded directly from the app, and there's a section where the UI is hidden and it's mostly effects and transitions going on (that's the music video part). In hindsight I might not have made that part clear enough.

Also, the old winamp style visualizations were super badass! They played a huge part in my interest in audio visualization :-)

4 comments

Not to be hyper-critical, but that video was a bit underwhelming. It might be helpful to find a more impressive example to highlight.
> The footage in the trailer shows what the music videos look like

What, the static anime girl with a ken burns pan and zoom?

Are you talking about the anime girl?

If so, does it do other things or just anime girls?

You can use whatever images you want. You load your images into the app along with your audio and it uses those images. There's a bunch of effects like filters, transitions, particles, etc. that you can customize to adjust the visualizations.
I guess what I'd really like to see is a demo of the different effects and filters and whatnot. Nothing extreme, but show how they can make the same pictures into a different experience.
I’m on iOS, the trailer from the website does not load for me. Do you have the video on YouTube?
I do have a twitter video available (no youtube unfortunately, sorry!)

https://twitter.com/hyperchroma/status/1464656712544174083

I'm not sure if the trailer loading is an issue on the site - could you check the console for me and see what it says?

I’m on iOS too. From experience it’s usually because the video container, codec, or options, you are using for the video is not supported by iOS.

In your case I see you are using a webm container. iOS prior to version 15 does not support webm natively. Then earlier this year they started adding support for parts of webm in iOS 15. https://9to5mac.com/2021/08/10/apple-adding-webm-audio-codec...

I recommend converting the video using ffmpeg.

The following should give you a video file that will be playable on most mobile devices, even quite old ones.

    ffmpeg -i preview.webm \
      -c:v libx264 -crf 23 -profile:v baseline -level 3.0 -pix_fmt yuv420p \
      -c:a aac -ac 2 -b:a 128k \
      -movflags faststart \
      preview.mp4
The HTML5 video tag supports having multiple video sources so you can still keep the webm as one alternative and browsers will pick either the webm or mp4 depending on support.

See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/so... for details on multiple sources in the video element. I.e. what changes you need to make to your html.

I’m on the latest version of iOS (15.1.1) and it doesn’t load for me either. Perhaps the server hosting the video file is overloaded?
My comment originally only said that webm was not supported prior to iOS 15. But webm videos are not fully supported in iOS 15 either afaik, so I updated the comment to specify that they started adding support for parts of it. You may have seen an earlier version of my comment without that qualifier, in which case I apologize for any confusion.
Ah, thank you very much!