But I think that with deep learning, there is now a real opportunity to make a kickass visualizer. Take a GAN and set the latent vector according to the DFT of the audio stream -- it would be super trippy. You could even use WaveNet and CLIP to make the visuals match the lyrics.
Show HN: A music player that creates real-time music videos
21–30 of 57 posts
Re: Show HN: A music player that creates real-time music videos
#22Earlier quoted context omitted.
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 int…
I’m on iOS, the trailer from the website does not load for me. Do you have the video on YouTube?
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?
Re: Show HN: A music player that creates real-time music videos
#23Re: Show HN: A music player that creates real-time music videos
#24Earlier quoted context omitted.
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?
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.
Re: Show HN: A music player that creates real-time music videos
#25Does it have integration with "popular music streaming services", as nowadays it is rare for users to have their music in mp3 format.
Re: Show HN: A music player that creates real-time music videos
#26Re: Show HN: A music player that creates real-time music videos
#27Re: Show HN: A music player that creates real-time music videos
#28Re: Show HN: A music player that creates real-time music videos
#29I just tried this, and I only got the big logo slowly floating in the middle of the screen, no matter what music I play. Am I missing something?
You need to add images to it for it to visualize. You could try with some of your favorite wallpapers perhaps.
The docs on the site cover how to do it, but I'm going to work on making it more clearer.