TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Show HN: I made Vinlo – Spinning artwork video for your music

59 点作者 wayoverthecloud大约 1 年前
Hi HN, I&#x27;m excited to share a new app I&#x27;ve been working on which helps you share music on Instagram and anywhere that allows video posting. It&#x27;s called Vinlo and it takes an MP3 and an image file and creates a new video with a rotating visual of your artwork. I hope you find this useful and I&#x27;m very much looking forward to any feedback you may have. Good luck with your music!<p>The tech stack is Next.js and Node.js.

17 条评论

latexr大约 1 年前
There’s enough space to add some sound bars to the video to make it even clearer it has sound. They don’t need to be accurate, just moving.<p>Also, I haven’t tested but it seems like uploading an image might be required? If so, consider reading the metadata from the file and extracting the artwork, if there is any.<p>Finally, instead of a fixed colour background you could try making it the whole image, then have a “cutout” in the middle which spins. Might even be able to add some white overlays so it looks more like a vinyl.
评论 #39674501 未加载
评论 #39673741 未加载
sira04大约 1 年前
Reminds me of Turn <a href="https:&#x2F;&#x2F;www.turn.audio" rel="nofollow">https:&#x2F;&#x2F;www.turn.audio</a>
评论 #39676100 未加载
DJMolehill大约 1 年前
Very cool project! I gave it a shot using an MP3 and PNG file, but unfortunately, it didn&#x27;t work as expected. The download page offered a 0-byte MP4 file. Nonetheless, I am still excited about its potential. I am happy to share the files if there&#x27;s somewhere I can file a bug report.<p>On a related note, I recently developed a similar tool involving 3D cubes. You can check it out at <a href="https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=5Mq8q8oD-Yw" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=5Mq8q8oD-Yw</a>
panqueca大约 1 年前
The idea is cool, but the site it&#x27;s a bit buggy. Sometimes it didn&#x27;t show the button to create the video. Anyway I really liked the idea. I just would like to have an option to create a video from the entire song and also an api. (I have more than 10.000 vinyls songs stored. So it would take really long if I would create a video for each one manually)
评论 #39674908 未加载
lovegrenoble大约 1 年前
Different one, but in the same vein: <a href="https:&#x2F;&#x2F;ambicular.com" rel="nofollow">https:&#x2F;&#x2F;ambicular.com</a>
cenan大约 1 年前
I like the idea, good luck! But I uploaded a very short sound effect (2s) instead of music, hoping it would complete faster but 15 minutes later and still waiting... A cancel button would also be nice. How do you render the video on the server? Do you open selenium and take screenshots of each frame and then stitch them together using ffmpeg?
评论 #39673568 未加载
sam1r大约 1 年前
You really **should* create a twitter, create +place its icon next to instagrams -- and then.. create 30-s spinning record samples of your favorite artists and tweet at them with your digital art.<p>* if it were me with an awesome project as such
评论 #39673590 未加载
stunnAR大约 1 年前
This remind me so much of this: <a href="https:&#x2F;&#x2F;techcrunch.com&#x2F;2013&#x2F;03&#x2F;18&#x2F;rando&#x2F;" rel="nofollow">https:&#x2F;&#x2F;techcrunch.com&#x2F;2013&#x2F;03&#x2F;18&#x2F;rando&#x2F;</a><p>Anyone remembers this one?
browningstreet大约 1 年前
This could be good for audio podcasts uploaded as videos to Youtube. I was using things like Headliner.app and moving backgrounds in Camtasia for visual interest. But also seconding the need for audiograms.
评论 #39681981 未加载
henrun12大约 1 年前
Ever consider using: <a href="https:&#x2F;&#x2F;www.remotion.dev" rel="nofollow">https:&#x2F;&#x2F;www.remotion.dev</a> in your tech stack? Would let you do cool things like overlay audiograms etc
jedisct1大约 1 年前
Cool idea, I could definitely use this. However, it seems to be very slow.<p>Couldn&#x27;t it be done directly in the web browser using WebAssembly?<p>Not fan of the big Vinlo watermark either.
majkinetor大约 1 年前
Does anybody know something similar, generating artwork video from audio, not necessarily like this, that can be done using CLI or desktop tool ?
评论 #39675268 未加载
kanapala大约 1 年前
Can’t upload mp3 from iOS for some reason. Stays gray in file upload modal. Name is 1.mp3
评论 #39673535 未加载
tunnuz大约 1 年前
Props! Good luck with the app!
评论 #39673601 未加载
Solvency大约 1 年前
Why not an animated waveform?
评论 #39674198 未加载
RespectYourself大约 1 年前
A simple application that serves a purpose and addresses something people want to do. So... nice job.<p>I wish people wouldn&#x27;t abuse video sites and services to post audio-only content, though. That&#x27;s what SoundCloud is for.
评论 #39675356 未加载
devtailz大约 1 年前
Nice! Love seeing new ways to share music on IG without having to be a professional video editor.<p>I&#x27;m working on a similar tool <a href="https:&#x2F;&#x2F;kaizen.place&#x2F;reel-generator" rel="nofollow">https:&#x2F;&#x2F;kaizen.place&#x2F;reel-generator</a> . Moved the video rendering onto the client which helps keep rendering times quick and avoids the headache of managing an extra service.<p>+1 to the suggestion I saw for some kind of sound visual to make it even more clear there&#x27;s audio.
评论 #39673798 未加载
评论 #39674058 未加载