@f8team/reel-core 1.1.2 → 1.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/index.cjs +7 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +7 -2
- package/dist/index.js.map +1 -1
- package/dist/internal/index.d.cts +1 -1
- package/dist/internal/index.d.ts +1 -1
- package/package.json +2 -2
package/dist/index.d.cts
CHANGED
|
@@ -897,4 +897,5 @@ declare function looksLikeProgressive(input: string | undefined | null): boolean
|
|
|
897
897
|
*/
|
|
898
898
|
declare function detectSourceType(source: SourceDescriptor): SourceType;
|
|
899
899
|
|
|
900
|
-
export {
|
|
900
|
+
export { DEFAULT_TOKENS, THEME_PRESETS, TOKEN_TO_CSS_VAR, announce, applyTheme, areSourceDescriptorsEquivalent, blurFocusInside, createFocusTrap, createPlayer, definePlugin, detectSourceType, formatTime, isSafeMediaUrl, looksLikeHls, looksLikeProgressive, looksLikeYouTube, parseTime, resolveTokens, shouldKeepControlsVisible, toSeconds };
|
|
901
|
+
export type { AutoplayMode, BufferedRange, CommandRegistry, Disposer, KeyboardScope, MutableStore, Player, PlayerError, PlayerErrorCode, PlayerEvents, PlayerHooks, PlayerOptions, PlayerState, PlayerStatus, PluginHost, PluginInstance, PluginMediaAttachment, QualityLevel, ReadableStore, SourceDescriptor, SourceLoader, SourceProvider, SourceTransform, SourceType, SubtitleTrack, ThemeName, ThemeTokens, ThumbnailsDescriptor, UnauthorizedEvent };
|
package/dist/index.d.ts
CHANGED
|
@@ -897,4 +897,5 @@ declare function looksLikeProgressive(input: string | undefined | null): boolean
|
|
|
897
897
|
*/
|
|
898
898
|
declare function detectSourceType(source: SourceDescriptor): SourceType;
|
|
899
899
|
|
|
900
|
-
export {
|
|
900
|
+
export { DEFAULT_TOKENS, THEME_PRESETS, TOKEN_TO_CSS_VAR, announce, applyTheme, areSourceDescriptorsEquivalent, blurFocusInside, createFocusTrap, createPlayer, definePlugin, detectSourceType, formatTime, isSafeMediaUrl, looksLikeHls, looksLikeProgressive, looksLikeYouTube, parseTime, resolveTokens, shouldKeepControlsVisible, toSeconds };
|
|
901
|
+
export type { AutoplayMode, BufferedRange, CommandRegistry, Disposer, KeyboardScope, MutableStore, Player, PlayerError, PlayerErrorCode, PlayerEvents, PlayerHooks, PlayerOptions, PlayerState, PlayerStatus, PluginHost, PluginInstance, PluginMediaAttachment, QualityLevel, ReadableStore, SourceDescriptor, SourceLoader, SourceProvider, SourceTransform, SourceType, SubtitleTrack, ThemeName, ThemeTokens, ThumbnailsDescriptor, UnauthorizedEvent };
|
package/dist/index.js
CHANGED
|
@@ -471,6 +471,7 @@ var HlsLoader = class {
|
|
|
471
471
|
attachWithHlsJs(Hls, video, source) {
|
|
472
472
|
const hls = new Hls({
|
|
473
473
|
enableWorker: true,
|
|
474
|
+
capLevelToPlayerSize: this.options.capLevelToPlayerSize ?? true,
|
|
474
475
|
...makeHlsLoadPolicies(),
|
|
475
476
|
xhrSetup: (xhr, url) => this.installXhrWatcher(xhr, url, source)
|
|
476
477
|
});
|
|
@@ -1474,6 +1475,8 @@ function createStore(initial, options = {}) {
|
|
|
1474
1475
|
}
|
|
1475
1476
|
|
|
1476
1477
|
// src/createPlayer.ts
|
|
1478
|
+
var WINDOW_FULLSCREEN_ATTR = "data-reel-window-fullscreen";
|
|
1479
|
+
var WINDOW_FULLSCREEN_EVENT = "reel-windowfullscreenchange";
|
|
1477
1480
|
function makeInitialState(options) {
|
|
1478
1481
|
return {
|
|
1479
1482
|
status: "idle",
|
|
@@ -1912,13 +1915,15 @@ function createPlayer(options = {}, internal = {}) {
|
|
|
1912
1915
|
});
|
|
1913
1916
|
const ownerDocument = target.ownerDocument;
|
|
1914
1917
|
const onFullscreenChange = () => {
|
|
1915
|
-
const isFullscreen = !!ownerDocument.fullscreenElement?.contains(target);
|
|
1918
|
+
const isFullscreen = !!ownerDocument.fullscreenElement?.contains(target) || !!target.closest(`[${WINDOW_FULLSCREEN_ATTR}]`);
|
|
1916
1919
|
store.setState({ fullscreen: isFullscreen });
|
|
1917
1920
|
bus.emit("fullscreenchange", { fullscreen: isFullscreen });
|
|
1918
1921
|
};
|
|
1919
1922
|
ownerDocument.addEventListener("fullscreenchange", onFullscreenChange);
|
|
1923
|
+
target.addEventListener(WINDOW_FULLSCREEN_EVENT, onFullscreenChange);
|
|
1920
1924
|
nativeListeners.push(
|
|
1921
|
-
() => ownerDocument.removeEventListener("fullscreenchange", onFullscreenChange)
|
|
1925
|
+
() => ownerDocument.removeEventListener("fullscreenchange", onFullscreenChange),
|
|
1926
|
+
() => target.removeEventListener(WINDOW_FULLSCREEN_EVENT, onFullscreenChange)
|
|
1922
1927
|
);
|
|
1923
1928
|
}
|
|
1924
1929
|
function unbindNativeEvents() {
|