Home

Awesome

<div align='center'> <h1 style='{text-decoration: none}'>HandBrake Web</h1> <div align='center'> <a href='https://github.com/TheNickOfTime/handbrake-web/blob/main/LICENSE'> <img alt="GitHub License" src="https://img.shields.io/github/license/thenickoftime/handbrake-web?style=flat-square"> </a> <a href='https://github.com/TheNickOfTime/handbrake-web/releases/latest'> <img alt="GitHub Release" src="https://img.shields.io/github/v/release/thenickoftime/handbrake-web?style=flat-square"> </a> <a href='https://github.com/TheNickOfTime/handbrake-web/milestone/5'> <img alt="GitHub package.json version" src="https://img.shields.io/github/package-json/v/thenickoftime/handbrake-web?filename=server%2Fpackage.json&style=flat-square&label=development&color=goldenrod"> </a> <a href='https://github.com/TheNickOfTime/handbrake-web/milestone/5'> <img alt="GitHub milestone details" src="https://img.shields.io/github/milestones/progress-percent/thenickoftime/handbrake-web/5?style=flat-square&label=progress&color=goldenrod"> </a> <a href='https://github.com/TheNickOfTime/handbrake-web/actions/workflows/docker-publish.yaml?query=branch%3Amain'> <img alt="GitHub Actions Workflow Status" src="https://img.shields.io/github/actions/workflow/status/thenickoftime/handbrake-web/docker-publish.yaml?branch=main&style=flat-square"> </a> <a href='https://buymeacoffee.com/thenickoftime'> <img alt="Static Badge" src="https://img.shields.io/badge/support-buy_me_a_coffee-mediumseagreen?style=flat-square"> </a> </div> <div align='center'> <strong>Disclaimer:</strong> <em>This project is not related to or part of the official <a href='https://github.com/HandBrake/HandBrake'>HandBrake</a> development. It simply uses the CLI component of HandBrake under the hood.</em> </div> <img src='client/public/handbrake-icon.png' height=256px> </div> <div align='center' width=100%> <details> <summary>Screenshots (click to expand)</summary> <img src='images/screenshots/screenshot-dashboard.png' width=90%> <img src='images/screenshots/screenshot-queue.png' width=90%> <img src='images/screenshots/screenshot-presets.png' width=90%> <img src='images/screenshots/screenshot-watchers.png' width=90%> <img src='images/screenshots/screenshot-workers.png' width=90%> <img src='images/screenshots/screenshot-settings.png' width=90%> </details> </div>

Summary

HandBrake Web is a program for interfacing with handbrake across multiple machines via a web browser. It consists of two components: the server and one or more worker(s). Warning - This application is still under heavy development, use at your own risk, to learn more please see the Known Issues & Limitations section.

Server

The server component primarily acts as a coordinator for the workers. Additionally it serves the client interface. The work done by the server is not computationally expensive - it can be run on low-end/low-power devices with no issue.

Worker(s)

The worker component does the heavy lifting via HandBrakeCLI. Jobs are sent to workers by the server, and the workers will process the provided media based on a provided HandBrake preset configuration. The work done by the worker is very computationally expensive - it is recommended that you run a single worker instance per machine, and that machine either have a high core-count CPU or have GPU hardware transcoding features available to the worker.

Setup

HandBrake Web is deployed via docker, and most easily via docker compose. The below setup will guide you to have the server and a single worker instance running on the same machine.

Docker Compose

  1. Copy the example docker compose
services:
  handbrake-server:
    image: ghcr.io/thenickoftime/handbrake-web-server:latest
    container_name: handbrake-web-server
    user: 1000:1000 # edit to run as user (uuid:guid) with permissions to access your media. 0:0 to run as root (not recommended).
    ports:
      - 9999:9999
    volumes:
      - /path/to/your/data:/data
      - /path/to/your/media:/video # ensure this path is the same across all containers

  handbrake-worker:
    image: ghcr.io/thenickoftime/handbrake-web-worker:latest
    container_name: handbrake-web-worker
    user: 1000:1000 # edit to run as user (uuid:guid) with permissions to access your media. 0:0 to run as root (not recommended).
    environment:
      - WORKER_ID=handbrake-worker # give your worker a unique name
      - SERVER_URL=handbrake-server # change if setting up a standalone worker, prefix with http(s):// if necessary
      - SERVER_PORT=9999 # change if using a reverse proxy or the port is otherwise different than above
    volumes:
      - /path/to/your/media:/video # ensure this path is the same across all containers
    depends_on:
      - handbrake-server
  1. Configure the following:
    • Server Port Mapping: 9999 by default (change the lefthand side of 9999:9999 if you have a conflict)
    • User Mapping: 1000:1000 by default (change to run as a user that will have adequate permissions to access the media directories that you map). 0:0 or removing this line will run the container as root - this is generally not recommended but will almost guarantee no permission issues.
    • Volume Mappings: Importantly, the same media path must be mapped to /video across the server and all worker instances.
    • Worker Environment Variables: Tell your worker where to connect to the server via the SERVER_URL and SERVER_PORT environment variables. Ensure the port is set to the external mapping you set earlier.
  2. Run docker compose up.
    • The client interface will be available at the address & port you configured.
    • The worker(s) will automatically connect to the server and wait for jobs.

Recommended Additional Steps

Hardware Transcoding Support (experimental)

[!Warning] Hardware Transcoding will generally result in larger files with worse quality at the same settings as CPU Transcoding, with the advantage of transcoding (sometimes significantly) faster. If your goals are to produce the highest quality transcodes at the smallest file sizes, stick to CPU transcoding.

Currently NVENC and QSV hardware transcoding are supported, though the extent to which they work is experimental sdince my testing occurred on a very limited set of hardware available to me. Both of these require additional configuration. Please see the comments on this issue for setup instructions while official documentation is being made.

Additional Workers

To run additional workers, simply launch additional worker container instances on different machines by omitting the handbrake-server service from the example compose file. Reminder - It is recommended to run only one worker instance per machine, as a single worker will very likely push most CPUs to 100% utilization during transcoding.

Because of this, your server instance must be reachable outside of the machine it is running on. In most cases the port mapping should make this work, but if you are running an additional firewall, ets. please configure accordingly.

Usage

Presets

HandBrake Web currently uses presets configured in the desktop application of HandBrake and exported to .json files to configure transcoding jobs. Exported presets can then be uploaded via the web interface in the 'Presets' section.

<table> <thead> <tr> <th width=33% align='center'>Configure & Save Preset</th> <th width=33% align='center'>Export Preset To File</th> <th width=33% align='center'>Upload Preset to HandBrake Web</th> </tr> </thead> <tbody> <tr> <td><img src='images/readme/readme-preset-save.png' width=100%></td> <td><img src='images/readme/readme-preset-export.png' width=100%></td> <td><img src='images/readme/readme-preset-upload.png' width=100%></td> </tr> </tbody> </table>

Features

Current Features

Planned Features (not yet implemented)

Known Issues & Current Limitations

Current Limitations

Please see the planned features section, as all of these are intended to be addressed.