![Bufferhead](/img/default-banner.jpg)
- 28
- 385 180
Bufferhead
Austria
เข้าร่วมเมื่อ 2 ต.ค. 2022
expert in breaking ci pipelines. i do silly web projects sometimes. building
@mediamaskio right now.
@mediamaskio right now.
I rebranded FFmpeg - Open Source Redesigns #1
Open Source Projects are the backbone of modern software development. But many times the website does not represent the importance of the software at all and has not been updated in many years.
In Open Source Redesigns I bring new life to old open source websites, starting with FFMPEG. FFMPEG is an video and audio processing command line tool that is used all around the world in all sorts of different software.
=====
Check out solidtime - The modern Open Source Time Tracker on www.solidtime.io/
=====
Wanna hire me for your landing page? Check out bufferhead.com for fixed-price, high-quality landing pages.
=====
If you want to see the full redesign head over to: ffmpeg.bufferhead.com/
Source Code on Github: github.com/bufferhead-code/redesigning-ffmpeg
=====
For those who are curious the meme at the beginning is based on this xkcd xkcd.com/2347/
In Open Source Redesigns I bring new life to old open source websites, starting with FFMPEG. FFMPEG is an video and audio processing command line tool that is used all around the world in all sorts of different software.
=====
Check out solidtime - The modern Open Source Time Tracker on www.solidtime.io/
=====
Wanna hire me for your landing page? Check out bufferhead.com for fixed-price, high-quality landing pages.
=====
If you want to see the full redesign head over to: ffmpeg.bufferhead.com/
Source Code on Github: github.com/bufferhead-code/redesigning-ffmpeg
=====
For those who are curious the meme at the beginning is based on this xkcd xkcd.com/2347/
มุมมอง: 18 325
วีดีโอ
Host your Database for Free on Github Pages
มุมมอง 90K3 หลายเดือนก่อน
Databases are an essential part of many modern web applications but running them can be really expensive. That’s why in this video I’ll show you how you can run an SQLite Database completely for free, on top of Girhub Pages. GitHub Pages allows you to host files and websites. But using the JavaScript library SQL.js-HTTPVFS it is possible to use an SQLite dataset completely hosted as static file...
The Race to Replace Redis
มุมมอง 46K4 หลายเดือนก่อน
Many Redis alternatives started appearing after Redis announced that they would change their license and not be open source anymore. The in-memory database was very popular in the open source world, and many developers are now looking for alternatives. Among existing alternatives like KeyDB or Garnet, new ones emerged as a direct result of the license change. Valkey is the most popular new fork...
The Downfall of Redis
มุมมอง 95K5 หลายเดือนก่อน
The beloved long-time open-source project Redis recently changed its license to not be Open Source anymore. But this is just the result of a long history of events involving the Redis founder, community, and a lot of VC money. This is the story of Redis's downfall. If you want to support me, check out solidtime, an open-source time-tracker i'm building: www.solidtime.io/ Sources: openpath.chadw...
I made Infinite Craft Open Source
มุมมอง 2.9K5 หลายเดือนก่อน
Infinite Craft has taken the internet by storm. The AI based game can be used to craft all sorts of different unique and crazy words. But unfortunately it is closed source and therefore cannot be extended and forked, which is why i created Open Craft. You can find the Source Code for Open Craft here: github.com/bufferhead-code/opencraft You can drag 2 words on top of each other and create new w...
This Image is My Password
มุมมอง 7K5 หลายเดือนก่อน
Passwords are used for almost every account on the internet to protect your digital identity and data. But a lot of them are insecure, so let's explore a new approach of using passwords, using images. With steganography we can store passwords in images without altering their appearance in a significant way. To improve the workflow of password images I developed a browser extension that automati...
Supercharge HTMX with AI to Program a Website
มุมมอง 3K6 หลายเดือนก่อน
HTMX is a new javascript framework that uses HTML instead of JSON for data transmission. The HTML is rendered on the client and just inserted into the DOM. HTMX-AI is an Extension for HTMX that allows you to create AI generated webdesigns by just providing a prompt on the HTML Element. You can see the demo website here: htmx-ai.bufferhead.com/ The Source Code of the HTMX-AI extension can be fou...
Mine Bitcoins using a MySQL Database with Javascript
มุมมอง 2K7 หลายเดือนก่อน
Oracle recently introduced a feature to execute Javascript functions inside a MySQL Database. Using this feature it is possible to put a Bitcoin Miner inside a MySQL Database Server. Bitcoin Miners usually run on highly optimized hardware and software, but we will use our Database Server for this exact purpose, and in this video I'll show you how I made it possible. You are not seriously lookin...
This Calculator is programmed in HTML
มุมมอง 3.6K8 หลายเดือนก่อน
This Calculator is programmed in HTML
Add Dark Mode to YOUR website with a single line of code
มุมมอง 68K8 หลายเดือนก่อน
Add Dark Mode to YOUR website with a single line of code
This Minecraft house is built with React.js
มุมมอง 1.8K9 หลายเดือนก่อน
This Minecraft house is built with React.js
Write PHP in Next.js/React Components (Server Actions)
มุมมอง 21K9 หลายเดือนก่อน
Write PHP in Next.js/React Components (Server Actions)
Can ChatGPT program a twitter competitor?
มุมมอง 1.9Kปีที่แล้ว
Can ChatGPT program a twitter competitor?
Would love to use an image as my password but I don't know how to use Plain Sight Browser Extension or how to install it on a web browser.
Thank you, works very well ⭐👏
Hey, i was finally able to get it working. Youll Need to have a view things downloaded like VS Studio, Node, VsCode(makes it easier for me than CMD or PowerShell, and Python, the hardest thing to figure out and it took me five hours was the dependencies, particularly Plasmo, it must be installed in order for the browser extension to work, and youll keep getting an error about it, youll have to go to their documentation to get the install command(forgot what it was, sorry i think "pnpm install plasmo" and you should be able to run the production build and load the unpacked file to chrome/extension. you might have to refresh the login page if you try to log into the same site over and over to admire the image pass at work. haha
just do like... @media (preferes-dark-mode: dark) { :root { color-scheme: dark; } } @media (preferes-dark-mode: light) { :root { color-scheme: light; } }
awesome editing skills! Btw, do you think this is better to use rather than use 2 step verification? I have a bunch of accounts with different passwords that I have to keep them in a paper to even remember them, so do you know if this method is more secure than 2 step-verification?
garnet is written in C#. what a fucking JOKE.
hey! installed your extension and tried it, is there any way to make it not asking for password input popup whenever i dragged the image to login form? i want it seamless and just straight login to account
Hey, how did you install the extension I'm having hard time figuring it out
I can't find a tutorial on how to actually do this, i seek suggestions and help
extension you made just doesnt work. maybe im doing something wrong but regardless a tutorial would be nice
just use Infinite Craft Inserter extension
↗️↘️↗️↘️↗️↘️↗️↘️↗️↘️↗️↘️
4:16 Transcode, Compress and Edit basically AND audio or video file in the universe
How do I set up plainsight?
jeez, i somehow thought, the guy would actually fix ffmpeg, got really excited, then, it was just the website *sigh*
docs on the page would be useful, and search with a shortcut (ctrl+k)
You can make the hero section more useful by making the "convert" section on the right interactive - the ".mp4" and ".avi" buttons can be transformed into menus where you can choose whatever format you want. Hell, even make the "Convert" word a menu and showcase different operations you can perform with ffmpeg.
For such a "nerdy" open source tool, the official website looks actually very nice and clean
underrated channel
Can you redesign Debian's next time?
Excellent redesign, however it's missing dark mode - an absolute must for websites that have a developer audience
and now do av1an 😁
amazing
I feel click-bated. I don't want to watch yet another website redesign.
This is a pretty good design, but im not sure if the principle suits FFMPEG. Using testimonials and such makes it seem like youre trying to sell FFMPEG to me, not that its a free and crucial tool. I know you highlight that in the video which I appreciate a lot, but i think there should be more focus on contributors, open communication, stuff like that. In this version, especially with the venture capitalist aesthetic (which is not a bad thing!) i have conditioned myself to search for a "pricing" entry in the navigation bar
what people don't get about ffmpeg is that it really has no limit to how many filters you can stack and when using complex mode, your graph need not be a single linear pipeline, but you can do different operations to different parts and then splice them all together You can actually also do full alpha-mask compositing of a video on top of another video while mixing the bg audio. This means that for a small subset of video editing, you could have a video editor which transpiles a user-edited timeline of clips and effects into a single giant ffmpeg command which would run so much faster because ffmpeg actually knows how to operate with streams on a file level. you can add a 10 second intro and outro to a 10h video INSTANTLY because it can do some voodoo with the files themselves and just splice them together without actually decoding most of the video. Concatenation is O(1) complexity The current way all video editors work is that they use ffmpeg to split all input videos into what essentially boils down to a folder full of images* . Then they go through the timeline and for each frame stack all of the effects and render the image into an output folder. Then call ffmpeg again to take all those images and encode them into the user-specified format. This is dumb. Like, really really dumb. With modern hardware that has support for accelerating the decoding of all of these formats, one should reasonably expect that unless you are doing 3D raytracing or anything like that your video should render in about the same amount of time as it takes to watch it. But as I'm sure any of you who have used any video editor ever, from the piece of crap that is kdenlive, to the industry standard adobe premiere, which is still mostly single-core after them having promised multicore support in like the 2010s (even davinci resolve, which has some gpu acceleration cannot simple concat and rescale operations faster than real-time) with ffmpeg, it is common to encode at 5-8x the real speed of the videos unless you are using some very agressive compression. ffmpeg is not just a piece of software that makes google 38 billion a year, you as a regular guy can use it, and it's great save a few commands as scripts and you can now instantly compress that video that is just too big for discord to accept without firing up your entire editor, or using one of those garbage on-line video converters that are full of ads and guess what ? are running ffmpeg themselves too XD * | (some use more clever buffering methods but essentially they all use images as the operating representation)
great job!
You just tricked me into watching an ffmpeg tutorial
Insert “I hate modern web design I hate modern web design” schizo meme here
The intention is great but to be honest, the new design gives the impression of a corporate site seeking investors. While it looks good, it conveys a completely wrong message. Don't overlook this in your next projects! Design with purpose rather than for looks.
now you just need to compile it with wasm and embed it into the website
Only objection I have is, whenever I want to download an open source tool and the website doesn't look it its from the 80s I turn around and leave the site bcs I think I fell into a copy-cat site.
Okay i thought you will redesign mpreg genre
the thing is what people who use ffmpeg want direct, concise docs, not good looking websites, honestly it doesn't matter at all great lookings website are for startups
this is so awesome. we really need this
Subtitles automatically turned on and ffmpeg was written different each time xd
at first I thought you were making a local site to manage ffmpeg in graphical mode instead of using commands
06:31 I am surprised that remuxing (like convert mp4 to mkv but do not reencode video and audio) is not common task.
sadly MKVs are not a popular format outside of piracy and people that want to attach nice metadata to their videos
04:08 does "Learn More" go to same page as "Documentation" in real ffmpeg website?
I thought this video is about redesigning ffmpeg itself (like cli, logs)
It look nice
This man cant redesign the arch forums.
Great style in the video. I love that you included the command line for how it's used. Minor touch. Great
Do YAML next, god knows they need a new website lmao
Nice video ❤
You should do a pull request, just so it is out there.
Inb4 some old fart shows up saying how they liked the crappy-old outdated design better. This seems to be a trend on almost every redesign video I see.
I consider myself an old fart (I am only 20, today's my bday!) and honestly, I hate it when people "modernize" stuff that were fine being left alone can't say that I hate the redesign, but it is not really an original design, it feels like a free template for wordpress the old design has more character designs like this make the web more corporate and less alive the Japanese have a nice term called Tsukumogami, which is about inanimate objects gaining a soul and character after existing for a while websites that have a unique look and feel, they feel alive, they stand out applying modern design to those websites, is the same as effectively removing their soul PS: I hate the old ffmpeg design (well, they haven't changed it so it is the current design ig)
the 2014 website is bad the 2009 design is glorious
best tutorial for ffmpeg!
Just need a documentation page and viola
I want this to exist in just the about section of ffmpeg. The current ffmpeg webpage is so elegant
You know its good if the dev abandoned being fancy 😂