player.html

Shameless plug for my web video player that is especially designed for self-hosting situations. Drop a single html file in your web server folder with your videos and you get thumbnails, library, search, subtitle support, etc. No required third-party dependencies (just the optional Google Drive and OneDrive features). Highly customizable (colors, site logo, default features) with a JSON file the player can produce. Responsively scales for any web browser: laptop, mobile, smart TVs, game consoles, even built-in in-car tablet browsers. https://github.com/pseudosavant/player.html/

Kind of surprised that the current Chromium-based Edge gets no attention other than being mentioned. It is basically the same as the desktop Edge. Easily the most capable browser a console has ever had. It has support for things like the gamepad API, wasm, etc. You can do things like run emulators via RetroArch web using your gamepad properly. It's video support includes MP4/MKV with H264+AAC/AC3/MP3. I've used it to stream local movie files using just a static HTTP server and my video player app. https://web.libretro.com/ https://github.com/pseudosavant/player.html

It even worked really well at creating an infographic for one of my quirkier projects which doesn't have that much information online (other than its repo). "An infographic explaining how player.html works (from the player.html project on Github). https://github.com/pseudosavant/player.html" And then it made one formatted for social: "Change it to be an infographic formatted to fit on Instagram as a 1:1 square image."

I’ve been using this technique for years in this project: https://github.com/pseudosavant/player.html A single HTML file with favicon, manifest, SVG icons, etc.

I was expecting a really simple static-site generator too, but this idea is interesting as well. The heavyweight aspect of using Next/React dampen things a bit. If it is a client-side solution, I'm imagining a single index.html file (with inline JS/CSS) that you could have a content/ or markdown/ child folder for. The HTTP server would have directory listing on for that folder. The index.html file enumerate/fetch the markdown in the content and folder and render it. You could route using the URL hash. No build process. Just a single file + your markdown content. Maybe I just like this kind of stuff (https://github.com/pseudosavant/player.html, https://github.com/pseudosavant/folder.api)? So tempted to vibe-code an example...

I love tools like this. I have my own single HTML file project for a HTTP video player along those lines. https://github.com/pseudosavant/player.html I'll definitely be looking at the source code to see if there are any ideas I want to incorporate into my own single file tools.

Cool idea. This is a project I’ve done that feels in a similar vein. https://github.com/pseudosavant/player.html

This is a great exploration of how to use SVG on the web. It is a very under-utilized technology. One thing that would add to this post is to point out that you can define an SVG once in a document and then reference it everywhere else. That way you aren't inlining the actual SVG markup over and over and over. 1. Place your SVG inline anywhere in the document. I usually put all of them in a `<div>` I do `display: none` on. 2. Make sure you assigned each SVG an ID: `<svg id="foobar"><!-- SVG markup --></svg>` 3. Reference that SVG anywhere in your document using `<svg><use xlink:href='#foobar'></svg>` I use it extensively in a Github project (shameless plug) I've been working on lately. https://github.com/pseudosavant/player.html/blob/master/src/... Edit: The author does link to her great post digging into the details of using `<use>`, but

I love the utility of single file web apps, even if this one does use 2 external dependencies. I've gotten into this myself. I made a couple of (actually) single file web apps for navigating/viewing videos on a web server, or Markdown on a web server. https://github.com/pseudosavant/player.html https://github.com/pseudosavant/markdown.html

I have the same question. I've tried working with UpWork, but their developers seem more geared towards "known"-type of projects, involving specific tech, or specific type of jobs, or fix it jobs. I presented a project of some advanced JS, nothing too serious, and almost every developer declined or couldn't understand the requirements, likely because they didn't read any of my material about the project. The job is pretty simple: add support for https://play.Presenta.cc .json files to https://github.com/pseudosavant/player.html#playerhtml. I want to be able to have a Presenta File player, so I can play the Presenta slideshow files and video files from my local folder using the html page. That's generally it. Upwork couldn't deliver. This job was step one, in a very few number towards an MVP. Nobody on Upwork seems to be able to do th