devtailz

I really hope "banged" is a typo for "banned"...

Been through a few iterations now...

Started with just recording the canvas using MediaRecorder (https://devtails.xyz/@adam/how-to-record-html-canvas-using-m...). This was super simple and I wish could have left it at that...But unfortunately Chrome gives you a webm file back and IG doesn't let you upload webm.

So then I went the route of ffmpeg.wasm in the browser to convert the webm to mp4.

I've finally landed on an approach that uses the WebCodecs API and mp4-muxer library (https://devtails.xyz/adam/how-to-save-html-canvas-to-mp4-usi...).

Nice! Love seeing new ways to share music on IG without having to be a professional video editor.

I'm working on a similar tool https://kaizen.place/reel-generator . Moved the video rendering onto the client which helps keep rendering times quick and avoids the headache of managing an extra service.

+1 to the suggestion I saw for some kind of sound visual to make it even more clear there's audio.

The images display at 720x720, on a 2x retina screen the image needs to be 1440x1440 to fill that.

I would expect there are some musicians here on HN. Would love to hear any and all thoughts in this realm.

Yes, collaboration is very much top of mind for upcoming updates.

As for music licenses, we are seeking out legal advice as how to best approach. I'm hopeful we can land on something as simple as Github licenses.

*upfront cost

Nothing requires an artist to receive tips through the platform, so if they preferred buymeacoffee they can use that. We will be adding additional features to our Pro plan that will enhance the experience on top of bringing the fees to a comparable 5%.

Again, still early days. Appreciate the feedback, we will work with artists on the platform to find what works well for everyone.

Thank you for the feedback. Our free plan is intended to allow new artists to receive tips without any cost to them. As soon as someone starts consistently receiving money through the platform our intent is that they move to the $8 / month Pro plan bringing the fee down to 5%.

Bandcamp, for comparison, charges a 15% fee.

We are still early days and will continue to solicit feedback on our pricing model.

My favourite win of my development blog is stopping myself from doing the same project multiple times. I used to tinker a lot, but wouldn’t document anything and so I often had to start all over when I picked that project back up.

Writing forces me to break things down into manageable chunks. I’ve seen much more consistent progress this way.

https://devtails.xyz

I’m trying out streaming on Twitch: twitch.tv/devtailsxyz

Mainly focused on learning rust while streaming. Streaming forces me attempt to explain what I’m doing which often shows me what I don’t properly understand.

I don't think I can edit the post, but I agree. Though many have kind of described their process which gives somewhat of a picture. If anything it's been interesting hearing different people's definitions of deployment.

I would probably condense my definition to how quickly can you go from new code added to someone seeing that code running (in web dev terms essentially available on some URL). So even if you had different layers of pipeline, the build artifact stage would still be included, because you can't deploy without it.

Oh...wow. Thank you for sharing, that does not sound like fun.

Hey Lee, thanks for the response.

I'm still getting familiar with all the different tools involved. You mention Turbopack as something that will speed up production builds, but I'm seeing similar build times (using npm run build) with that demo project (npx create-next-app --example with-turbopack) as I was with the normal Next.js toolchain.

Is there any way to have the production build re-use build artifacts from a previous build so that my 1 line code change doesn't trigger an entire rebuild?

I appreciate the thoroughness of your response! In my journey to writing this article I definitely stumbled on your blog (so cool to "bump" into the author on HN).

I'll update the article with a production build. I originally planned to do it, but then copped out (partially because I wasn't sure how to, so thanks for the pointers).

I agree with your final statment, but have begun to wonder whether there's a simple enough way to accomplish the same goals, while being performant by default. We'll see where I land after further explorations.

I have found very few simple web apps that demonstrate how to enable the application to run completely without an internet connections (after the initial download). I put together this app as a reminder to myself (and others) how to set up IndexedDB and a service worker to make this work.

What do you mean "behind the scenes"?

Started receiving DNS failures this morning. Resolved by using Google DNS, but still getting timed out responses. Microsoft's status page shows everything green, curious if others are experiencing issues.

With a couple of code changes I'm successfully able to build and run the project again!! Thanks everyone for thoughts and suggestions.

I've updated the post as auriplane has gotten me quite close to a solution. https://news.ycombinator.com/item?id=30583307. They are able to run it after building, but I'm still running in to issues, which is probably just a small configuration issue on my end. I've added a Github Issue to track the progress of this: https://github.com/adamjberg/i_solated/issues/4 . Finally hopeful that there's a solution to be found!

Thanks for this. Just to confirm https://github.com/Draknek/fcsh-wrap is what you are referring to? When I tried the Flex SDK I had troubles getting it configured and pointing to the correct files.

I'll see if I can give this a try this evening

I've written a few things in Haxe / OpenFL. This is probably the most likely option for a "simple" port.

I may give this a shot when I have some spare time.

Not that this is a reputable source, but https://fingerprintjs.com/blog/browser-fingerprinting-techni... suggests that fingerprinting a media device requires the site to have camera permissions. Which is also what I would expect. But perhaps I’m just too hopeful

In what way? Turning the camera shouldn't be needed for either of these? And even if they were that should be a permission they have to request.

Chrome on Ubuntu. Doesn't happen in Firefox

My camera has a light that indicates when it is on. From what I can see no other websites trigger it to turn on (unless they obviously are using the camera).

It appears to turn on briefly and then turn off again. This seems to break my understanding of the browser security model as that domain is definitely not allowed access to my camera.

Any thoughts?

Thanks for checking it out!

A long time ago I sketched out a note-taking app that I was excited about. About a year later I stumbled on Notion and saw that the core idea of hierarchical notes was accomplished wonderfully.

I figured there was no point building something that would essentially end up becoming a Notion clone. I proceeded to use Notion regularly (and still do) - but I have come to see that with flexibility comes other challenges.

I often found myself on a walk or at the gym wanting to capture a random idea that just came to mind. Unfortunately, doing so in Notion (and pretty near most notes apps) was laborious. The app would open to the last page I had open - which was usually not where I wanted this new random idea to go. Even if I was in the right place, the text editor on mobile was clunky.

engram organizes notes by day and type (note, task, and event). I've found with these primitives, I don't need to fumble to get things organized. Instead, ideas can be submitted independently and out of order. Storing them by date keeps recent and relevant data within reach.

Final thought - engram is not intended to replace all note taking capabilities. Instead, it acts as a place to capture the unfiltered thoughts before you lose them. From there they can be further fleshed out in a more organized fashion using your preferred method.

Dubsado | ONSITE | Burbank, CA | https://www.dubsado.com

Dubsado helps businesses stay in motion. Build relationships, schedule appointments, and create workflows to streamline projects from start to finish.

Looking for talented people all across the stack. Mongo, React, Node, GraphQL are some of the main technologies we are using.

Who we are: https://www.youtube.com/watch?v=PyCv4wtu0ik

Apply at: https://www.notion.so/Dubsado-Job-Board-d122c307a4bb4025a9c4...

Also experimenting with mobile development (for now a Progressive Web App) slowly building https://engramhq.xyz - the closest thing I can get to a brain computer interface

Pencil and paper is one of my ideal tools. However, definitely lacks the ability to expand an edit ideas as the ideas evolve.

After struggling to find a digital version that I liked, I decided to build my own. It's still quite early in development, but it focuses more on bottom up thinking which I've found particularly helpful when brainstorming.

https://engramhq.xyz

https://engramhq.xyz/

Engram - Open source knowledge management app

Still pretty early on, but I'm excited about the possibilities. This is the first time I'm using an app I built daily.

https://github.com/adamjberg/engram