UNPKG

@mux/mux-video-react

Version:

A custom mux video element for React that Just Works™

3 lines (2 loc) 3.27 kB
"use strict";"use client";var w=Object.create;var p=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty;var N=(t,n)=>{for(var o in n)p(t,o,{get:n[o],enumerable:!0})},P=(t,n,o,l)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of I(n))!H.call(t,s)&&s!==o&&p(t,s,{get:()=>n[s],enumerable:!(l=L(n,s))||l.enumerable});return t};var g=(t,n,o)=>(o=t!=null?w(h(t)):{},P(n||!t||!t.__esModule?p(o,"default",{value:t,enumerable:!0}):o,t)),A=t=>P(p({},"__esModule",{value:!0}),t);var W={};N(W,{default:()=>U,generatePlayerInitTime:()=>r.generatePlayerInitTime,playerSoftwareName:()=>x,playerSoftwareVersion:()=>k});module.exports=A(W);var d=require("react"),O=(...t)=>{let n=(0,d.useRef)(null);return(0,d.useEffect)(()=>{t.forEach(o=>{o&&(typeof o=="function"?o(n.current):o.current=n.current)})},[t]),n};var i=g(require("react")),e=g(require("prop-types")),r=require("@mux/playback-core");var D=()=>{try{return"0.31.2"}catch{}return"UNKNOWN"},K=D(),E=()=>K;var k=E(),x="mux-video-react";var f=i.default.forwardRef((t,n)=>{var R,M;let{playbackId:o,src:l,children:s,autoPlay:m,preload:b,tokens:_,playbackToken:z,drmToken:B,...C}=t,S=Object.fromEntries(Object.entries(C).filter(([a])=>!Object.keys(f.propTypes).includes(a))),[v]=(0,i.useState)((R=t.playerInitTime)!=null?R:(0,r.generatePlayerInitTime)()),[y,V]=(0,i.useState)((M=(0,r.toMuxVideoURL)(t))!=null?M:l),c=(0,i.useRef)(void 0),j=(0,i.useRef)(null),T=O(j,n);return(0,i.useEffect)(()=>{var a;V((a=(0,r.toMuxVideoURL)(t))!=null?a:l)},[l,o]),(0,i.useEffect)(()=>{let a={playerInitTime:v,...t,src:y,playerSoftwareName:x,playerSoftwareVersion:k,autoplay:m},u=T.current;return u&&(c.current=(0,r.initialize)(a,u,c.current)),()=>{(0,r.teardown)(u,c.current),u=void 0,c.current=void 0}},[y]),(0,i.useEffect)(()=>{var a;(a=c.current)==null||a.setAutoplay(m)},[m]),(0,i.useEffect)(()=>{var a;(a=c.current)==null||a.setPreload(b)},[b]),i.default.createElement("video",{ref:T,...S},s)});f.propTypes={_hlsConfig:e.default.any,beaconCollectionDomain:e.default.string,capRenditionToPlayerSize:e.default.bool,customDomain:e.default.string,debug:e.default.bool,disableCookies:e.default.bool,disableTracking:e.default.bool,drmToken:e.default.string,envKey:e.default.string,errorTranslator:e.default.func,liveEdgeStart:e.default.number,maxResolution:e.default.oneOf(["720p","1080p","1440p","2160p"]),metadata:e.default.any,minResolution:e.default.oneOf(["480p","540p","720p","1080p","1440p","2160p"]),playbackId:e.default.string,playbackToken:e.default.string,playerInitTime:e.default.number,preferCmcd:e.default.oneOf(Object.values(r.CmcdTypes)),preferPlayback:e.default.oneOf(Object.values(r.PlaybackTypes)),programStartTime:e.default.number,programEndTime:e.default.number,assetStartTime:e.default.number,assetEndTime:e.default.number,renditionOrder:e.default.oneOf(["desc"]),startTime:e.default.number,initialBandwidthEstimateKbps:e.default.number,initialEstimateSegments:e.default.number,minPreloadSegments:e.default.number,streamType:e.default.oneOf(Object.values(r.StreamTypes)),targetLiveWindow:e.default.number,tokens:e.default.object,type:e.default.oneOf(r.allMediaTypes)};var U=f; //# sourceMappingURL=index.cjs.js.map