Skip to content

Web Sport Data Overlay. Supports FIT, GPX, TCX files for creating dashboard videos with filterable background colors.

Notifications You must be signed in to change notification settings

dalang911/Web-Sport-Data-Overlay

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

64 Commits
 
 
 
 
 
 

Repository files navigation

Web Sport Data Overlay

Supports three file formats: FIT, GPX, and TCX. It can be used to create dashboard videos with background color filtering, and the generated videos have a frame rate of 1 frame per second. The project is fully built with JavaScript. This project relies on the professional rendering capabilities of the leafer-ui graphics framework and the excellent performance of Mediabunny. Thanks to the ongoing contributions of the Mediabunny project, it now supports exporting WebM format videos with transparent channels. WebM videos with transparent channels can be edited with Shotcut.

https://www.bilibili.com/video/BV1m9fEYRE6u/

Runtime Environment Requirements

Browsers that support the WebCodecs API; Chrome 94 and later versions support the WebCodecs API. Microsoft Edge and Google Chrome browsers are compatible. If not supported, please upgrade your browser engine.

Web Demo Address

https://overlay.data4u.vip/

Principle

Example image

Web Interface

Example image

Supported Components

Example image

Usage

Copy the ./pages directory to your server directory and access index.html. The server requires HTTPS support.

AI Support

Referenced Support Libraries

About

Web Sport Data Overlay. Supports FIT, GPX, TCX files for creating dashboard videos with filterable background colors.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published