https://github.com/jcalado/vmix_media_time
Title, elapsed and remaining time for media playing on vmix.
https://github.com/jcalado/vmix_media_time
vmix
Last synced: 3 months ago
JSON representation
Title, elapsed and remaining time for media playing on vmix.
- Host: GitHub
- URL: https://github.com/jcalado/vmix_media_time
- Owner: jcalado
- License: mit
- Created: 2022-08-25T08:30:45.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-05-29T13:06:29.000Z (about 2 years ago)
- Last Synced: 2025-01-14T13:23:59.378Z (5 months ago)
- Topics: vmix
- Language: HTML
- Homepage:
- Size: 16.6 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# vmix_media_time
Shows a bar with title, elapsed and remaining time for the media playing on a vmix instance.
When less than 5 seconds remain, timer flashes red.
## Screenshot
## Options
URL params:
### Set the VMix hostname/ip to access its API:
`index.html?server=serverhost:port/api/`
### Set the update interval to 2000ms
`index.html?update=2000`
### Flash the timer red when 10s are left in the current media
`index.html?warn=10`
### Do not show the - indicator on the remaining time
`index.html?showMinusIndicator=false`
## Customization
Lines 14-20 are CSS variables that can be changed:
```css
--progress-height: 20vh;
--timer-font-size: calc(var(--progress-height) - 2vh);
--title-size: 6vh;
--progress-bar-color: #22c45d;
--progress-bar-bg: #41f280;
--title-text-colors: white;
--title-background-color: orange;
```