Media Collection Viewer

Demo is live

Description

Upload a mediainfo.json (mediainfo ~/path/to/audiovideo/files/* --Output=JSON > mediainfo.json) to get charts that provide you with a high-level overview of your collections.

Prototype -- can't guarantee success! 😅

Project goals

• Fast (and not fall over or freeze trying to process data)
• Sturdy (not needing a lot of assistance)
• Client-side only / no sending data anywhere (safe to use without contacting your org's lawyers)
• Deployable for free (no breaking my bank)
• Easy to use (anyone with the right data should be able to use)

Charts

• [x] How many tracks are in each file?
• [x] What kind of formats?
• [x] What are the file extensions?
• [x] What kind of audio codecs?
• [x] What kind of video codecs?
• [x] What are the bit depths (color)?
• [x] What are the bit depths (audio)?
• [x] What are the color spaces?
• [x] Standard? (NTSC, PAL, Other)
• [x] What are the dimensions?
• [x] Chroma subsampling?
• [ ] What are the duration outliers (videos very short or very long)? - novice version implemented
• [ ] Which files have timecodes?
• [ ] Any files in which audio duration and video duration differ?

Code

• Rust
• WASM
• Yew (with starter app)
• JavaScript
• ChartJS
• CSS 😘

yew documentation

How to install

npm install

How to run in debug mode

# Builds the project and opens it in a new browser tab. Auto-reloads when the project changes.
npm start

How to build in release mode

# Builds the project and places it into the `dist` folder.
npm run build

How to run unit tests

# Runs tests
npm test