react-player
Version:
A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion
159 lines (158 loc) • 4.57 kB
JavaScript
import React from "react";
import loadScript from "load-script";
import merge from "deepmerge";
const lazy = (componentImportFn) => React.lazy(async () => {
const obj = await componentImportFn();
return typeof obj.default === "function" ? obj : obj.default;
});
const MATCH_START_QUERY = /[?&#](?:start|t)=([0-9hms]+)/;
const MATCH_END_QUERY = /[?&#]end=([0-9hms]+)/;
const MATCH_START_STAMP = /(\d+)(h|m|s)/g;
const MATCH_NUMERIC = /^\d+$/;
function parseTimeParam(url, pattern) {
if (url instanceof Array) {
return void 0;
}
const match = url.match(pattern);
if (match) {
const stamp = match[1];
if (stamp.match(MATCH_START_STAMP)) {
return parseTimeString(stamp);
}
if (MATCH_NUMERIC.test(stamp)) {
return parseInt(stamp);
}
}
return void 0;
}
function parseTimeString(stamp) {
let seconds = 0;
let array = MATCH_START_STAMP.exec(stamp);
while (array !== null) {
const [, count, period] = array;
if (period === "h")
seconds += parseInt(count, 10) * 60 * 60;
if (period === "m")
seconds += parseInt(count, 10) * 60;
if (period === "s")
seconds += parseInt(count, 10);
array = MATCH_START_STAMP.exec(stamp);
}
return seconds;
}
function parseStartTime(url) {
return parseTimeParam(url, MATCH_START_QUERY);
}
function parseEndTime(url) {
return parseTimeParam(url, MATCH_END_QUERY);
}
function randomString() {
return Math.random().toString(36).substr(2, 5);
}
function queryString(object) {
return Object.keys(object).map((key) => `${key}=${object[key]}`).join("&");
}
function getGlobal(key) {
if (window[key]) {
return window[key];
}
if (window.exports && window.exports[key]) {
return window.exports[key];
}
if (window.module && window.module.exports && window.module.exports[key]) {
return window.module.exports[key];
}
return null;
}
const requests = {};
const getSDK = enableStubOn(function getSDK2(url, sdkGlobal, sdkReady = null, isLoaded = () => true, fetchScript = loadScript) {
const existingGlobal = getGlobal(sdkGlobal);
if (existingGlobal && isLoaded(existingGlobal)) {
return Promise.resolve(existingGlobal);
}
return new Promise((resolve, reject) => {
if (requests[url]) {
requests[url].push({ resolve, reject });
return;
}
requests[url] = [{ resolve, reject }];
const onLoaded = (sdk) => {
requests[url].forEach((request) => request.resolve(sdk));
};
if (sdkReady) {
const previousOnReady = window[sdkReady];
window[sdkReady] = function() {
if (previousOnReady)
previousOnReady();
onLoaded(getGlobal(sdkGlobal));
};
}
fetchScript(url, (err) => {
if (err) {
requests[url].forEach((request) => request.reject(err));
requests[url] = null;
} else if (!sdkReady) {
onLoaded(getGlobal(sdkGlobal));
}
});
});
});
function getConfig(props, defaultProps) {
return merge(defaultProps.config, props.config);
}
function omit(object, ...arrays) {
const omitKeys = [].concat(...arrays);
const output = {};
const keys = Object.keys(object);
for (const key of keys) {
if (omitKeys.indexOf(key) === -1) {
output[key] = object[key];
}
}
return output;
}
function callPlayer(method, ...args) {
if (!this.player || !this.player[method]) {
let message = `ReactPlayer: ${this.constructor.displayName} player could not call %c${method}%c \u2013 `;
if (!this.player) {
message += "The player was not available";
} else if (!this.player[method]) {
message += "The method was not available";
}
console.warn(message, "font-weight: bold", "");
return null;
}
return this.player[method](...args);
}
function isMediaStream(url) {
return typeof window !== "undefined" && typeof window.MediaStream !== "undefined" && url instanceof window.MediaStream;
}
function isBlobUrl(url) {
return /^blob:/.test(url);
}
function supportsWebKitPresentationMode(video = document.createElement("video")) {
const notMobile = /iPhone|iPod/.test(navigator.userAgent) === false;
return video.webkitSupportsPresentationMode && typeof video.webkitSetPresentationMode === "function" && notMobile;
}
function enableStubOn(fn) {
if (false) {
const wrap = (...args) => wrap.stub(...args);
wrap.stub = fn;
return wrap;
}
return fn;
}
export {
callPlayer,
getConfig,
getSDK,
isBlobUrl,
isMediaStream,
lazy,
omit,
parseEndTime,
parseStartTime,
queryString,
randomString,
supportsWebKitPresentationMode
};