/ext-f1-tv

Browser Extension that enables modern playback controls + Google Cast support for F1 TV

Primary LanguageJavaScript

F1 TV Playback Controls

Modern playback controls for F1 TV. This extension for Chrome and Firefox gives you:

Download

Download from Chrome Web Store

Get the Add-On

Installation

  1. Clone this repository or download it as a zip file
  2. Go to your browser's developer mode page: about://extensions on a Chromium browser and about://debugging on Firefox
  3. Enable Developer Mode
  4. Load unpacked extension on a Chromium browser and Load Temporary Add-on in Firefox. For Firefox, select any file in the folder and it will load the extension
  5. Enjoy!

Usage

  • [space]: pause / play the video
  • m: mute / unmute the video
  • [up arrow / [down arrow]: increment / decrement the volume by 5%
  • [left arrow] / [right arrow]: backward / forward by 5 seconds
  • j / l: backward / forward by 10 seconds
  • f: fullscreen
  • [1]...[9]: skip to 10%...90% of the video
  • [home]: seek to the start of video
  • [end]: seek to the end of the video
  • [s]: sync video across tabs

Known Issues

  • Mute button in UI is not synced with mute / unmute from keyboard
  • Volume control in UI is not synced with volume changes from keyboard
  • Mute / volume controls in UI do nothing for Google Cast
  • If video source is cast some time after loading, the token to access the stream expires. Click on a different stream and click back for it to load.

FAQ + Troubleshooting

The playback controls aren't responding

Refresh the page and it should start working again

I've got the extension. How do I cast?

Right click on the video and click 'Cast media to device'

How can I cast from Firefox?

Unfortunately, Google no longer has an extension for Cast outside of Chromium browsers :/ That said, the playback controls still work in Firefox and Cast supposedly works on Firefox for Android.

When I cast, it mirrors my screen instead of casting the video. How can I fix this?

Your Google Cast device needs to pull the new config that supports the Google Cast receiver for F1 TV. Power cycle / reboot your Cast device and it should pick up the F1 TV Cast Receiver

I see a blank screen that says F1 TV (Unofficial) but the video does not load.

It's likely the token for the stream expired. To renew it, click on one of the other video tracks (like a driver stream) and then click back to the video track you were watching. It should load properly then.

Contributions

This code is super quick and dirty / proof of concept level. It's ugly but gets the job done. Wanna make it better? Feel free to send in a PR!

Donations

I built this extension for fun to learn more about building browser extensions. That said, it did take a bit of time (and a teeny bit of money). If you found it helpful, I'd appreciate any donations! You can contribute here