@mux/mux-video-react
Advanced tools
Comparing version
@@ -6,2 +6,19 @@ # Change Log | ||
# [0.12.0](https://github.com/muxinc/elements/compare/@mux/mux-video-react@0.11.4...@mux/mux-video-react@0.12.0) (2024-10-24) | ||
### Bug Fixes | ||
* add updated peer deps to other React pkgs ([#1006](https://github.com/muxinc/elements/issues/1006)) ([e51a7ce](https://github.com/muxinc/elements/commit/e51a7ce412ce7f56610035f412e2f263325ed6ad)) | ||
### Features | ||
* **playback-core, mux-video, mux-audio, mux-video-react, mux-audio-react, mux-player, mux-player-react:** Add asset start and end time props and attrs. ([#1002](https://github.com/muxinc/elements/issues/1002)) ([99a0726](https://github.com/muxinc/elements/commit/99a07268cfa78ee026a0ee7b7f9af90fcf3feb4c)) | ||
* **playback-core:** error handling rearchitecture (including more granular and DRM error cases) ([4d0b670](https://github.com/muxinc/elements/commit/4d0b670eacb57f44891fab781941dab6e97e06fe)) | ||
## [0.11.4](https://github.com/muxinc/elements/compare/@mux/mux-video-react@0.11.3...@mux/mux-video-react@0.11.4) (2024-09-20) | ||
@@ -8,0 +25,0 @@ |
@@ -1,2 +0,2 @@ | ||
"use strict";"use client";var V=Object.create;var p=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var L=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var H=(t,r)=>{for(var o in r)p(t,o,{get:r[o],enumerable:!0})},M=(t,r,o,c)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of S(r))!w.call(t,s)&&s!==o&&p(t,s,{get:()=>r[s],enumerable:!(c=j(r,s))||c.enumerable});return t};var O=(t,r,o)=>(o=t!=null?V(L(t)):{},M(r||!t||!t.__esModule?p(o,"default",{value:t,enumerable:!0}):o,t)),I=t=>M(p({},"__esModule",{value:!0}),t);var W={};H(W,{default:()=>U});module.exports=I(W);var d=require("react"),P=(...t)=>{let r=(0,d.useRef)(null);return(0,d.useEffect)(()=>{t.forEach(o=>{o&&(typeof o=="function"?o(r.current):o.current=r.current)})},[t]),r};var a=O(require("react")),e=O(require("prop-types")),n=require("@mux/playback-core");var h=()=>{try{return"0.11.4"}catch{}return"UNKNOWN"},N=h(),g=()=>N;var A=g(),D="mux-video-react",m=a.default.forwardRef((t,r)=>{var R;let{playbackId:o,src:c,children:s,autoPlay:f,preload:y,tokens:_,playbackToken:K,drmToken:z,...k}=t,E=Object.fromEntries(Object.entries(k).filter(([i])=>!Object.keys(m.propTypes).includes(i))),[x]=(0,a.useState)((0,n.generatePlayerInitTime)()),[b,C]=(0,a.useState)((R=(0,n.toMuxVideoURL)(t))!=null?R:c),u=(0,a.useRef)(void 0),v=(0,a.useRef)(null),T=P(v,r);return(0,a.useEffect)(()=>{var i;C((i=(0,n.toMuxVideoURL)(t))!=null?i:c)},[c,o]),(0,a.useEffect)(()=>{let i={...t,src:b,playerInitTime:x,playerSoftwareName:D,playerSoftwareVersion:A,autoplay:f},l=T.current;return l&&(u.current=(0,n.initialize)(i,l,u.current)),()=>{(0,n.teardown)(l,u.current),l=void 0,u.current=void 0}},[b]),(0,a.useEffect)(()=>{var i;(i=u.current)==null||i.setAutoplay(f)},[f]),(0,a.useEffect)(()=>{var i;(i=u.current)==null||i.setPreload(y)},[y]),a.default.createElement("video",{ref:T,...E},s)});m.propTypes={_hlsConfig:e.default.any,beaconCollectionDomain:e.default.string,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(n.CmcdTypes)),preferPlayback:e.default.oneOf(Object.values(n.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,streamType:e.default.oneOf(Object.values(n.StreamTypes)),targetLiveWindow:e.default.number,tokens:e.default.object,type:e.default.oneOf(n.allMediaTypes)};var U=m; | ||
"use strict";"use client";var V=Object.create;var p=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var L=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var H=(t,r)=>{for(var o in r)p(t,o,{get:r[o],enumerable:!0})},M=(t,r,o,c)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of S(r))!w.call(t,s)&&s!==o&&p(t,s,{get:()=>r[s],enumerable:!(c=j(r,s))||c.enumerable});return t};var O=(t,r,o)=>(o=t!=null?V(L(t)):{},M(r||!t||!t.__esModule?p(o,"default",{value:t,enumerable:!0}):o,t)),I=t=>M(p({},"__esModule",{value:!0}),t);var W={};H(W,{default:()=>U});module.exports=I(W);var d=require("react"),P=(...t)=>{let r=(0,d.useRef)(null);return(0,d.useEffect)(()=>{t.forEach(o=>{o&&(typeof o=="function"?o(r.current):o.current=r.current)})},[t]),r};var a=O(require("react")),e=O(require("prop-types")),n=require("@mux/playback-core");var h=()=>{try{return"0.12.0"}catch{}return"UNKNOWN"},N=h(),g=()=>N;var A=g(),D="mux-video-react",m=a.default.forwardRef((t,r)=>{var R;let{playbackId:o,src:c,children:s,autoPlay:f,preload:y,tokens:_,playbackToken:K,drmToken:z,...k}=t,E=Object.fromEntries(Object.entries(k).filter(([i])=>!Object.keys(m.propTypes).includes(i))),[x]=(0,a.useState)((0,n.generatePlayerInitTime)()),[b,C]=(0,a.useState)((R=(0,n.toMuxVideoURL)(t))!=null?R:c),u=(0,a.useRef)(void 0),v=(0,a.useRef)(null),T=P(v,r);return(0,a.useEffect)(()=>{var i;C((i=(0,n.toMuxVideoURL)(t))!=null?i:c)},[c,o]),(0,a.useEffect)(()=>{let i={...t,src:b,playerInitTime:x,playerSoftwareName:D,playerSoftwareVersion:A,autoplay:f},l=T.current;return l&&(u.current=(0,n.initialize)(i,l,u.current)),()=>{(0,n.teardown)(l,u.current),l=void 0,u.current=void 0}},[b]),(0,a.useEffect)(()=>{var i;(i=u.current)==null||i.setAutoplay(f)},[f]),(0,a.useEffect)(()=>{var i;(i=u.current)==null||i.setPreload(y)},[y]),a.default.createElement("video",{ref:T,...E},s)});m.propTypes={_hlsConfig:e.default.any,beaconCollectionDomain:e.default.string,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(n.CmcdTypes)),preferPlayback:e.default.oneOf(Object.values(n.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,streamType:e.default.oneOf(Object.values(n.StreamTypes)),targetLiveWindow:e.default.number,tokens:e.default.object,type:e.default.oneOf(n.allMediaTypes)};var U=m; | ||
//# sourceMappingURL=index.cjs.js.map |
{ | ||
"name": "@mux/mux-video-react", | ||
"version": "0.11.4-canary.0-b8ca3a2", | ||
"version": "0.11.4-canary.0-e1d17f4", | ||
"description": "A custom mux video element for React that Just Works™", | ||
@@ -59,5 +59,5 @@ "keywords": [ | ||
"peerDependencies": { | ||
"@types/react": "^17.0.0 || ^18 || ^19", | ||
"react": "^17.0.2 || ^18 || ^19", | ||
"react-dom": "^17.0.2 || ^18 || ^19" | ||
"@types/react": "^17.0.0 || ^17.0.0-0 || ^18 || ^18.0.0-0 || ^19 || ^19.0.0-0", | ||
"react": "^17.0.2 || ^17.0.0-0 || ^18 || ^18.0.0-0 || ^19 || ^19.0.0-0", | ||
"react-dom": "^17.0.2 || ^17.0.2-0 || ^18 || ^18.0.0-0 || ^19 || ^19.0.0-0" | ||
}, | ||
@@ -73,3 +73,3 @@ "peerDependenciesMeta": { | ||
"dependencies": { | ||
"@mux/playback-core": "0.26.0-canary.0-b8ca3a2", | ||
"@mux/playback-core": "0.26.0-canary.0-e1d17f4", | ||
"prop-types": "^15.7.2" | ||
@@ -76,0 +76,0 @@ }, |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
67169
2.95%+ Added
+ Added
- Removed
- Removed