Bufferhead
Bufferhead
  • 28
  • 374 990
I redesigned the FFmpeg website - 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/
zhlédnutí: 18 216

Video

Host your Database for Free on Github Pages
zhlédnutí 86KPřed 2 měsíci
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
zhlédnutí 45KPřed 3 měsíci
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
zhlédnutí 95KPřed 4 měsíci
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
zhlédnutí 2,6KPřed 4 měsíci
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
zhlédnutí 5KPřed 5 měsíci
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
zhlédnutí 2,9KPřed 5 měsíci
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
zhlédnutí 1,9KPřed 6 měsíci
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...
The Secret Size of Youtube
zhlédnutí 1,4KPřed 6 měsíci
The Secret Size of CZcams
This Calculator is programmed in HTML
zhlédnutí 3,6KPřed 7 měsíci
This Calculator is programmed in HTML
Add Dark Mode to YOUR website with a single line of code
zhlédnutí 66KPřed 7 měsíci
Add Dark Mode to YOUR website with a single line of code
Is Bluesky REALLY decentralized?
zhlédnutí 1,4KPřed 8 měsíci
Is Bluesky REALLY decentralized?
This Minecraft house is built with React.js
zhlédnutí 1,8KPřed 8 měsíci
This Minecraft house is built with React.js
Write PHP in Next.js/React Components (Server Actions)
zhlédnutí 21KPřed 8 měsíci
Write PHP in Next.js/React Components (Server Actions)
Bringing Back Old Twitter
zhlédnutí 317Před 9 měsíci
Bringing Back Old Twitter
Build an Adblocker using ChatGPT
zhlédnutí 533Před rokem
Build an Adblocker using ChatGPT
Can ChatGPT program a twitter competitor?
zhlédnutí 1,9KPřed rokem
Can ChatGPT program a twitter competitor?

Komentáře

  • @levi3970
    @levi3970 Před 3 dny

    garnet is written in C#. what a fucking JOKE.

  • @kidhow
    @kidhow Před 19 dny

    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

  • @BohAiCov
    @BohAiCov Před měsícem

    I can't find a tutorial on how to actually do this, i seek suggestions and help

  • @Rattlegutsvevo
    @Rattlegutsvevo Před měsícem

    extension you made just doesnt work. maybe im doing something wrong but regardless a tutorial would be nice

  • @LuizPlayzYT
    @LuizPlayzYT Před měsícem

    just use Infinite Craft Inserter extension

  • @old9
    @old9 Před měsícem

    ↗️↘️↗️↘️↗️↘️↗️↘️↗️↘️↗️↘️

  • @SirusStarTV
    @SirusStarTV Před měsícem

    4:16 Transcode, Compress and Edit basically AND audio or video file in the universe

  • @Lowmicq
    @Lowmicq Před měsícem

    How do I set up plainsight?

  • @miko007
    @miko007 Před měsícem

    jeez, i somehow thought, the guy would actually fix ffmpeg, got really excited, then, it was just the website *sigh*

  • @rasyasejati
    @rasyasejati Před měsícem

    docs on the page would be useful, and search with a shortcut (ctrl+k)

  • @nikkehtine
    @nikkehtine Před měsícem

    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.

  • @nikkehtine
    @nikkehtine Před měsícem

    For such a "nerdy" open source tool, the official website looks actually very nice and clean

  • @noob-qk7mo
    @noob-qk7mo Před měsícem

    underrated channel

  • @OdyseeEnjoyer
    @OdyseeEnjoyer Před měsícem

    Can you redesign Debian's next time?

  • @enijar
    @enijar Před měsícem

    Excellent redesign, however it's missing dark mode - an absolute must for websites that have a developer audience

  • @ZforZine
    @ZforZine Před měsícem

    and now do av1an 😁

  • @vhwjpzf1z0fi73a
    @vhwjpzf1z0fi73a Před měsícem

    amazing

  • @oglothenerd
    @oglothenerd Před měsícem

    I feel click-bated. I don't want to watch yet another website redesign.

  • @raracool04
    @raracool04 Před měsícem

    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

  • @mihailazar2487
    @mihailazar2487 Před měsícem

    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)

  • @ilyhanshi
    @ilyhanshi Před měsícem

    great job!

  • @adventuretuna
    @adventuretuna Před měsícem

    You just tricked me into watching an ffmpeg tutorial

  • @AROAH
    @AROAH Před měsícem

    Insert “I hate modern web design I hate modern web design” schizo meme here

  • @gusslx
    @gusslx Před měsícem

    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.

  • @thehen101
    @thehen101 Před měsícem

    now you just need to compile it with wasm and embed it into the website

  • @MrSofazocker
    @MrSofazocker Před měsícem

    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.

  • @nise6148
    @nise6148 Před měsícem

    Okay i thought you will redesign mpreg genre

  • @OklmZerTuVasRienFaire
    @OklmZerTuVasRienFaire Před měsícem

    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

  • @hexxt_
    @hexxt_ Před měsícem

    this is so awesome. we really need this

  • @kipchickensout
    @kipchickensout Před měsícem

    Subtitles automatically turned on and ffmpeg was written different each time xd

  • @omgboy4939
    @omgboy4939 Před měsícem

    at first I thought you were making a local site to manage ffmpeg in graphical mode instead of using commands

  • @RandomGeometryDashStuff
    @RandomGeometryDashStuff Před měsícem

    06:31 I am surprised that remuxing (like convert mp4 to mkv but do not reencode video and audio) is not common task.

    • @arjix8738
      @arjix8738 Před měsícem

      sadly MKVs are not a popular format outside of piracy and people that want to attach nice metadata to their videos

  • @RandomGeometryDashStuff
    @RandomGeometryDashStuff Před měsícem

    04:08 does "Learn More" go to same page as "Documentation" in real ffmpeg website?

  • @RandomGeometryDashStuff
    @RandomGeometryDashStuff Před měsícem

    I thought this video is about redesigning ffmpeg itself (like cli, logs)

  • @julesoscar8921
    @julesoscar8921 Před měsícem

    It look nice

  • @hyper.2547
    @hyper.2547 Před měsícem

    This man cant redesign the arch forums.

  • @user-dp5bq5ks6j
    @user-dp5bq5ks6j Před měsícem

    Great style in the video. I love that you included the command line for how it's used. Minor touch. Great

  • @someguy9175
    @someguy9175 Před měsícem

    Do YAML next, god knows they need a new website lmao

  • @STARGAMERMJ
    @STARGAMERMJ Před měsícem

    Nice video ❤

  • @agentotten
    @agentotten Před měsícem

    You should do a pull request, just so it is out there.

  • @Prakyy
    @Prakyy Před měsícem

    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.

    • @arjix8738
      @arjix8738 Před měsícem

      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)

    • @phillipanselmo8540
      @phillipanselmo8540 Před měsícem

      the 2014 website is bad the 2009 design is glorious

  • @coffeblock
    @coffeblock Před měsícem

    best tutorial for ffmpeg!

  • @0xPanda1
    @0xPanda1 Před měsícem

    Just need a documentation page and viola

  • @RenderingUser
    @RenderingUser Před měsícem

    I want this to exist in just the about section of ffmpeg. The current ffmpeg webpage is so elegant

  • @savire.ergheiz
    @savire.ergheiz Před měsícem

    You know its good if the dev abandoned being fancy 😂

  • @YonatanAvhar
    @YonatanAvhar Před měsícem

    6:55 you shouldn't have to worry about managing your disk space in 2024, you just need a bigger drive I never thing about how much disk space I use, and I never run out since my disk is large enough

    • @Prakyy
      @Prakyy Před měsícem

      1 hour of uncompressed 1080p60 footage would take up about 1.35 TB of storage. You don't have to worry about it because someone else will.

    • @tablettablete186
      @tablettablete186 Před měsícem

      COD players: "I wish for such power...😢"

    • @arjix8738
      @arjix8738 Před měsícem

      @@Prakyy eh, that would only happen if you ever extract all the frames from a video I doubt people do that, I've only ever done it to upscale an old anime from 2005

    • @kenonerboy
      @kenonerboy Před měsícem

      ​@arjix8738 what do u think uncompressed means?

    • @arjix8738
      @arjix8738 Před měsícem

      @@kenonerboy nobody has uncompressed video, only film makers do that I know what uncompressed means, don't question me I have also implemented LZMA in C++

  • @BrunoBernard-kn6vt
    @BrunoBernard-kn6vt Před měsícem

    What icon do you use ?

    • @bufferhead_
      @bufferhead_ Před měsícem

      I used a bunch of different ones for this, but my default choice for icons is heroicons.

  • @BrunoBernard-kn6vt
    @BrunoBernard-kn6vt Před měsícem

    I think you should email this design to FFmpeg

    • @bufferhead_
      @bufferhead_ Před měsícem

      People at FFMPEG are already aware of this project.

  • @CodeX-xyxy
    @CodeX-xyxy Před měsícem

    Hi can you explain why you used canvas for animating svg instead of DOM manipulation?

    • @bufferhead_
      @bufferhead_ Před měsícem

      So the honest answer for this one is, I just wanted to try out rive. But there are performance reasons for using cavas based animations, especially when they are a little bit more complex or run in loops. CSS/DOM Based animations can be really demanding for lower end devices.

    • @CodeX-xyxy
      @CodeX-xyxy Před měsícem

      @@bufferhead_ canvas is only cpu based rendering if i am not wrong i do not think any reasonable performance gain

    • @bufferhead_
      @bufferhead_ Před měsícem

      ​@@CodeX-xyxy canvas supports hardware accelaration.

    • @Speykious
      @Speykious Před měsícem

      ​@@bufferhead_That really depends on the use case and how it's been written. For the animations on the website I feel like CSS animations would be in the same ballpark, although it'd have to be measured I guess

  • @kjat6815
    @kjat6815 Před měsícem

    finally, mpreg is getting more recognition