Releases: FastPix/web-player-component
Releases · FastPix/web-player-component
v1.0.16
Version - [1.0.16]
Updated
- Analytics / Video Data –
@fastpix/video-data-coredependency range updated to^1.0.7.
Live playback
- Cleaner live UI – For
stream-type="live-stream", the duration-style time readout stays hidden so the experience matches open-ended live viewing.
On-demand playback
- Smarter background loading on VOD – On-demand streams use settings tuned for typical recorded playback; live streams use a lighter profile suited to the live edge.
Performance & stability
- Smoother day-to-day use – Less chance of the browser reporting long scripting tasks during normal actions (timeline updates, audio track changes, subtitle changes, and Chromecast handoff).
- Programmatic audio – When you switch tracks via
setAudioTrack(...), the built-in audio menu stays aligned with fewer redundant updates.
v1.0.15
Version - [1.0.15]
Audio & Subtitle UX (tracks + subtitles)
-
New attribute:
hide-native-subtitles- When present, the internal subtitle container never paints text, so the built‑in overlay stays visually hidden even when a track is enabled.
- All subtitle APIs still work as usual:
fastpixsubtitlecuecontinues to fire with{ text, language, startTime, endTime }and the nativeTextTrackstate is unchanged. - Recommended when you render subtitles in your own UI (React overlay, custom HTML) and want to guarantee there is no duplicate text from the built‑in overlay.
-
Clarified behavior:
disable-hidden-captions- Now applied as an initial state only: on load, the player disables all subtitles/captions without emitting
fastpixsubtitlechange. - After load, users (or your code) can still turn subtitles on via the built‑in menu or
setSubtitleTrack(...); the internal overlay is allowed to show again unlesshide-native-subtitlesis also set.
- Now applied as an initial state only: on load, the player disables all subtitles/captions without emitting
Programmatic seek
seekForward(seconds)andseekBackward(seconds)– New methods on the<fastpix-player>element to jump the playhead forward or back by a given number of seconds (clamped to the media range). Use them for custom “+10s” / “−10s” buttons or app shortcuts; the built-in skip buttons still followforward-seek-offset/backward-seek-offsetwhen set. Documented in README (Programmatic playback control and section 1.3 custom-controls example).
v1.0.14
Version - [1.0.14]
Audio & Subtitle Tracks
- Switch by name (label) –
setAudioTrack(languageName)/setSubtitleTrack(languageName | null)switch tracks by label/name (no numeric ids required). - Set defaults by name – New attributes:
default-audio-track="French"default-subtitle-track="English"
- Cleaner track lists –
getAudioTracks()/getSubtitleTracks()now avoid duplicate entries when multiple tracks share the same label. - Better events for integrations
fastpixtracksreadyincludes the full current track objects (currentAudioTrackLoaded,currentSubtitleLoaded) in addition to the track lists.- `fastpixa
v1.0.13
Version - [v1.0.13] :
_ Updated README.md
v1.0.12
Version - [1.0.12]
Changed
- Build & package – ESM build is now a single bundled file (
dist/player.esm.js), soimport '@fastpix/fp-player'works in React, Vite, and other bundlers without "Could not resolve ./utils/..." errors. CDN build stays atdist/player.jsfor backward compatibility with existing script-tag and CDN URLs. - Exports –
"import"resolves toplayer.esm.js;"require"andmainresolve toplayer.js(IIFE). - Build size – Stripped legal comments and debugger statements in both builds for slightly smaller output.
v1.0.11
Verison -[1.0.11]
Features you can use
- Programmatic playback control – JavaScript API:
play(),pause(),mute(), andunmute()for controlling playback and volume from your code (e.g. custom controls, Shorts-style UI, or framework integrations).mute()/unmute()sync with Chromecast when casting. - Seekbar position – Use CSS variable
--seekbar-bottom(e.g.0px) to move the progress bar to the very bottom. Thumbnail preview stays above it. - Invisible bar, keep preview & seek – Set
--progress-bar-invisible: 1to hide the bar visually while keeping hover thumbnail/timestamp preview and click-to-seek. Use your own progress bar on top. - Style the bar – Use
--progress-bar-track-unfilledto style the track. - Thumbnail hover on seekbar – Hover or drag on the seekbar to see a frame preview (spritesheet) or timestamp pill when no thumbnails are available.
- Shorts mode – Attribute
autoplay-shortsfor muted autoplay, loop, and feed-friendly behavior. - Free keyboard keys – Attribute
disable-keyboard-controlsso your app can use Arrow Up/Down (e.g. next/prev) without the player capturing them. - Accent color – Attribute
accent-coloror CSS--accent-colorfor theming; your app can read it to match a custom progress bar.
v1.0.10
Version - [1.0.10]
Changed
- Updated npm authentication from Classic token to Granular token for improved security and fine-grained permissions.
v1.0.9
Version -[1.0.9]
- Added
skip-intro-startandskip-intro-endandnext-episode-button-overlaybuttons support. - Fixed shoppable video hotspot issue
- Added
player-buttonsslot
v1.0.8
[1.0.8] - 2025-09-18
New & Improved: Playlist
- Added playlist APIs:
addPlaylist(playlist),next(),previous(),selectEpisodeByPlaybackId(playbackId) - Supported attributes:
default-playback-id,hide-default-playlist-panel,loop-next - Events:
playbackidchange,playlisttoggle - Custom navigation hooks:
customNext(handler),customPrev(handler); calli.next()/i.previous()inside your handlers - Default playlist panel can be hidden to build a fully custom panel via
slot="playlist-panel" - Introduced
destroy()for lightweight teardown before custom source-switching flows
v1.0.7
[1.0.7] - 2025-09-04
- Fixed "OpenOnPlay" and "autoClose" issue for shoppable-video-player theme