@flowplayer/player 3.34.3 → 3.35.0-rc

package/package/plugins/chromecast.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):((e="undefined"!=typeof globalThis?globalThis:e||self).flowplayer=e.flowplayer||{},e.flowplayer.chromecast=t())}(this,function(){"use strict";function e(e){const t=document.createElement("a");t.href=e;const n=t.pathname&&t.pathname.split(".");return n.length>1&&n[n.length-1]}function t(e){switch(e){case"video/mpd":return"application/dash+xml";case"video/m3u8":return"application/x-mpegurl";default:return e}}const n=n=>{var{src:o}=n,r=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n}(n,["src"]);return[Object.assign({src:o,type:o?t("video/"+e(o)):""},r)]};function o(e){return n({src:e})}class Pipe{static of(e){return new Pipe(e)}static maybe(e,t,...n){return null==e?e:t.apply(e,[e,...n])}constructor(e){this.data=e}tap(e,...t){return e.apply(this,[this.data,...t]),new Pipe(this.data)}fmap(e,...t){const n=e.apply(this,[this.data,...t]);return new Pipe(n)}unwrap(){return this.data}}const r="chromecast:available",a="chromecast:unavailable",i="chromecast:start",s="chromecast:idle",c="chromecast:state:changed",l="chromecast:session:changed",u="chromecast:field:update",d="chromecast:media";var m=Object.freeze({__proto__:null,CAST_AVAILABLE:r,CAST_UNAVAILABLE:a,CAST_START_CASTING:i,CAST_IDLE:s,CAST_STATE_CHANGED:c,CAST_SESSION_CHANGED:l,CAST_FIELD_UPDATE:u,CAST_MEDIA_LOAD_REQUEST:d});const p={AAC:"aac",AC3:"ac3",E_AC3:"e_ac3",FMP4:"fmp4",MP3:"mp3",TS:"ts",TS_AAC:"ts_aac"},f={FMP4:"fmp4",MPEG2_TS:"mpeg2_ts"},v=/(video\/mp4)|(application\/x-mpegurl)|(video\/mpd)|(application\/dash\+xml)/;function h(){var e;return(null===(e=b())||void 0===e?void 0:e.getCurrentSession())||null}function S(e){return T(e).unwrap().shift()}function y(e,t){const n=e.opts.chromecast;(null==n?void 0:n.hlsSegmentFormat)&&Object.values(p).includes(n.hlsSegmentFormat.toLowerCase())&&(t.hlsSegmentFormat=n.hlsSegmentFormat),(null==n?void 0:n.hlsVideoSegmentFormat)&&Object.values(f).includes(n.hlsVideoSegmentFormat.toLowerCase())&&(t.hlsVideoSegmentFormat=n.hlsVideoSegmentFormat)}function g(){var e;return(null===(e=h())||void 0===e?void 0:e.getMediaSession())||null}function _(e){var t,n;const o=T(e).unwrap().map(function(e){return null==e?void 0:e.src}),r=null===(n=null===(t=g())||void 0===t?void 0:t.media)||void 0===n?void 0:n.contentId;return!!r&&!!~o.indexOf(r)}function w(e){var t;return(null===(t=e.type)||void 0===t?void 0:t.match(v))||!1}function E(e,t){if(!t.opts.src)return e;const n=(Array.isArray(t.opts.src)?t.opts.src:[t.opts.src]).map(e=>"string"==typeof e?o(e)[0]:e);return e.map(e=>{const t=n.find(t=>t.src===e.src);return t&&t.drm?Object.assign(Object.assign({},e),{drm:t.drm}):e})}function T(e){return Pipe.of(e).fmap(()=>e.original_src||[]).fmap(function(e){return"string"==typeof e?o(e):e}).fmap(E,e).fmap(function(e){return e.filter(w)})}function b(){var e,t,n;return null===(n=null===(t=null===(e=window.cast)||void 0===e?void 0:e.framework)||void 0===t?void 0:t.CastContext)||void 0===n?void 0:n.getInstance()}function A(e,t){var n;null===(n=O.casting_player)||void 0===n||n.emit(e,t)}function C(e,t,n){e.forEach(function(e){e!==O.casting_player&&e.emit(t,n)})}function k(e,t,n){e.forEach(function(e){e.emit(t,n)})}const O={remote_player:void 0,controller:void 0,listener:void 0};function L(e){O.controller&&O.listener&&O.controller.removeEventListener(cast.framework.RemotePlayerEventType.ANY_CHANGE,O.listener),O.remote_player=new cast.framework.RemotePlayer,O.controller=new cast.framework.RemotePlayerController(O.remote_player),O.listener=P.bind(null,e),O.controller.addEventListener(cast.framework.RemotePlayerEventType.ANY_CHANGE,O.listener)}function P(e,t){var n;if((null===(n=b())||void 0===n?void 0:n.getCastState())!==cast.framework.CastState.NOT_CONNECTED)return"IDLE"===t.value?C(e,s):void A(u,t)}function I(e){return Array.from(e.textTracks).filter(e=>["subtitles","captions"].includes(e.kind))}function x(e){return I(e).flatMap((t,n)=>{try{const o=e.querySelector("#"+t.id);if(!(o instanceof HTMLTrackElement&&o.lang))return[];const r=new chrome.cast.media.Track(n+1e3,chrome.cast.media.TrackType.TEXT);return r.trackContentType="text/vtt",r.subtype=chrome.cast.media.TextTrackType.SUBTITLES,r.trackContentId=o.src,r.name=o.label,r.language=o.lang,r}catch(e){return[]}})}function N(e){var t;const n=new chrome.cast.media.EditTracksInfoRequest(e);null===(t=g())||void 0===t||t.editTracksInfo(n,console.debug,console.error)}var M=Object.freeze({__proto__:null,getCurrentSession:h,getMedia:S,setMediaSegmentFormat:y,getMediaSession:g,isSame:_,is_supported_media:w,injectDRMConfiguration:E,normalizeSrc:T,getCastContext:b,broadcast_to_active:A,broadcast_to_idle:C,broadcast:k,SINGLETONS:O,refresh_singletons:L,onremotechange:P,tracks:I,cast_tracks:x,editTracks:N});const D="940D4BE4";var j=Object.freeze({__proto__:null,STABLE:D,CANARY:"6F71FA7C",LOCAL:"5258CA32"});const F="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1";function R(e,t,n){if(document.querySelector("script[src='"+F+"']"))return q(n);!function(){const e=document.createElement("script");e.async=!0,e.src=F,document.head.appendChild(e)}(),window.__onGCastApiAvailable=function(){!function(e,t,n){var o;if(!G())return;const r=(null===(o=e.chromecast)||void 0===o?void 0:o.app)||D,a=b();if(!a)return;a.setOptions({receiverApplicationId:r,autoJoinPolicy:chrome.cast.AutoJoinPolicy.ORIGIN_SCOPED}),a.addEventListener(cast.framework.CastContextEventType.CAST_STATE_CHANGED,function(e){k(n,c,e)}),a.addEventListener(cast.framework.CastContextEventType.SESSION_STATE_CHANGED,function(e){L(n),k(n,l,e)})}(e,0,n),q(n)}}function G(){return"object"==typeof window.cast&&"object"==typeof chrome.cast}function q(e){if(G())return k(e,r);k(e,a)}const H="timeupdate",V="remotesession:ended",U="is-cast-available",B="is-casting",z="has-casted",Y="is-chromecast-playing";function J(e,t){const n=e.seekable;if("object"!=typeof e.opts||0==n.length)return{head:0,tail:0};const o=function(e){var t;const n=e.seekable;return n.length?e.hasState(Y)||!(null===(t=e.hls)||void 0===t?void 0:t.liveSyncPosition)?n.end(n.length-1):e.hls.liveSyncPosition:0}(e),r=t||e.live_state.dvr_window;return{head:o,tail:"number"!=typeof r||o-r<0?n.start(0):o-r}}function X(e){const t=e.currentTime,n=J(e);return{progress:Math.min(100,Math.max(0,(t-n.tail)/(n.head-n.tail)*100)),is_live:t-n.head>=-10}}const $={player:void 0,listener:void 0};function Q(e,t,n,o){var r,a,i,c,l;const u=h();if(!u)return;const m=S(e);if(!m||!m.src)return;O.casting_player=e;const p=new chrome.cast.media.MediaInfo(m.src,m.type||"");p.metadata=new chrome.cast.media.GenericMediaMetadata,function(e){$.player&&$.listener&&$.player.off("playing",$.listener);const t={currentTime:e.currentSessionTime,liveState:e.live_state,progress:X(e).progress};$.player=e,$.listener=()=>{setTimeout(()=>{!function(e,t){const n=g();if(!n)return;if(-1!==n.media.duration)return e.currentTime=t.currentTime;const o=n.liveSeekableRange;if(!o||"number"!=typeof o.end||"number"!=typeof o.start)return;if(void 0===t.liveState.dvr_window||!t.liveState.dvr)return;e.currentTime=(o.end-o.start)*(t.progress/100)}(e,t)},1e3)},e.once("playing",$.listener)}(e);const f={health:e.health,text_tracks:x(e),active_tracks:{active_audio:(null===(a=null===(r=null==e?void 0:e.asel)||void 0===r?void 0:r.active_track)||void 0===a?void 0:a.name)||(null===(c=null===(i=null==e?void 0:e.asel)||void 0===i?void 0:i.active_track)||void 0===c?void 0:c.lang),active_text:null===(l=I(e).find(e=>e.is_active))||void 0===l?void 0:l.label}};m.drm&&(f.drm=m.drm),localStorage.__fpChromecastDebug&&(f.debug=!0),e.opt("ads")&&(f.ads=e.opt("ads")),p.customData=f,y(e,p);const v=new chrome.cast.media.LoadRequest(p);v.customData=e.opt("chromecast",{}),v.customData.metadata=e.opt("metadata"),e.emit(d,{request:v}),console.debug("cast:request(%o)",v),u.loadMedia(v).then(()=>{e.emit("remotesession:started"),e.setState(z,!0),e.setState(B,!0),L(t);const n=O.remote_player;n&&(e.volume=n.volumeLevel,e.muted=n.isMuted),C(t,s)},o)}function K(){return!!g()}function W(){return!!h()}function Z(){var e;return null===(e=h())||void 0===e?void 0:e.getCastDevice().friendlyName}function ee(){var e;return(null===(e=null==M?void 0:h())||void 0===e?void 0:e.getMediaSession()).getEstimatedLiveSeekableRange()}function te(){var e,t;return null===(t=null===(e=g())||void 0===e?void 0:e.media)||void 0===t?void 0:t.duration}function ne(){var e;return null===(e=g())||void 0===e?void 0:e.playerState}function oe(e){var t;return e?re(e):null===(t=g())||void 0===t?void 0:t.getEstimatedTime()}function re(e){const t=g();if(!t)return e;const n=new chrome.cast.media.SeekRequest;return n.currentTime=e,t.seek(n,console.debug,console.error),e}function ae(){var e;return null===(e=g())||void 0===e?void 0:e.play(new chrome.cast.media.PlayRequest,console.debug,console.error)}function ie(){var e;return null===(e=g())||void 0===e?void 0:e.pause(new chrome.cast.media.PauseRequest,console.debug,console.error)}var se=Object.freeze({__proto__:null,load:Q,has_media:K,exists:W,device_name:Z,seekable_ranges:ee,duration:te,state:ne,currentTime:oe,seek:re,play:ae,pause:ie});function ce(e,t){if(!e.root)return;const n=e.root.querySelector(".fp-chromecast p");if(!n)return;let o="";o=e.i18n("chromecast.message","{{state}} on {{device}}").replace("{{device}}",(null==t?void 0:t.device)||"chromecast"),o=o.replace("{{state}}",((null==t?void 0:t.state)||"").toLowerCase()),n.textContent=o}const le="is-playing",ue="is-paused",de="is-starting";const me="currentTime",pe="duration",fe="playerState",ve="videoInfo",he="volumeLevel",Se="isMuted",ye="liveSeekableRange",ge=(e,t)=>new(((e,t)=>{const n=e.get(t);if(!n)throw new Error(`no flowplayer component with the name ${t} exists`);const o=window.customElements.get(t);if(!o)throw new Error(`no default flowplayer component with the name ${t} exists`);const r=window.customElements.get(n);return"function"!=typeof r?o:r})(e._customElements,t))(e);class FlowplayerComponent extends HTMLElement{constructor(e){super(),this.player=e}}class FlowplayerChromecastIcon extends FlowplayerComponent{constructor(e){super(e),this.classList.add("fp-cast-button"),this.setAttribute("tabindex","-1"),this.setAttribute("role","button"),this.setAttribute("aria-hidden","true"),this.cast_launcher=document.createElement("google-cast-launcher"),this.cast_launcher.setAttribute("inert","true"),this.append(this.cast_launcher),this.addEventListener("click",t=>{const n=h();if(n)return n.endSession(!0);e.emit(i),t.target===this&&this.cast_launcher.click()}),e.on(c,t=>{const n=t.detail.castState;n&&(this.setAttribute("tabindex",n===cast.framework.CastState.NO_DEVICES_AVAILABLE?"-1":"0"),this.setAttribute("aria-hidden",(n===cast.framework.CastState.NO_DEVICES_AVAILABLE)+""),this.setAttribute("aria-label",n===cast.framework.CastState.NOT_CONNECTED?e.i18n("chromecast.start","start casting"):e.i18n("chromecast.stop","stop casting")))})}}function _e(e,t){const n=e._customElements.get(t);return n&&e.root.querySelector(n)||void 0}const we="flowplayer-chromecast-icon";class ChromecastPlugin{constructor(e){var t,n,o;this.flowplayer=e,t=e,n=we,o=FlowplayerChromecastIcon,window.customElements.get(n)||window.customElements.define(n,o),t.customElements.get(n)||t.customElements.set(n,n)}init(e,t,n){if("https:"!==location.protocol&&"localhost"!==location.hostname&&"127.0.0.1"!==location.hostname)return console.warn("Secure URL required to enable Chromecast");R(e,0,this.flowplayer.instances),n.on("mount",function(){const t=_e(n,"flowplayer-middle");t&&function(e,t){const n=document.createElement("div");n.className="fp-chromecast";const o=document.createElement("p");t.poster&&(n.style.backgroundImage=["url(",t.poster,")"].join("")),n.append(o),e.prepend(n)}(t,{poster:e.poster});const o=_e(n,"flowplayer-header-right-zone");o&&o.prepend(ge(n,we))}),n.on(r,()=>{n.setState(U,!0),function(e,t){const n={play:function(){return new Promise(n=>_(e)?n(ae()):K()?n(Q(e,t,console.debug,console.error)):(Q(e,t,console.debug,console.error),void n()))},pause:function(){return _(e)?ie():HTMLMediaElement.prototype.pause.call(e)}};n.currentTime={get:oe,set:oe},n.seekable={get:()=>{const e=ee();return{start:()=>(null==e?void 0:e.start)||0,end:()=>(null==e?void 0:e.end)||0,length:1}}},n.duration={get:te},n.paused={get:function(){return"PAUSED"===ne()}},n.playing={get:function(){return"PLAYING"===ne()}},Object.keys(n).forEach(function(t){if("object"==typeof n[t])return Object.defineProperty(e,t,{get:function(){var o,r;return _(e)?n[t].get():null===(r=null===(o=Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype,t))||void 0===o?void 0:o.get)||void 0===r?void 0:r.call(this)},set:function(o){var r,a;return _(e)?n[t].set(o):null===(a=null===(r=Object.getOwnPropertyDescriptor(HTMLMediaElement.prototype,t))||void 0===r?void 0:r.set)||void 0===a?void 0:a.call(this,o)}});const o=e[t];e[t]=function(){const r=[].slice.apply(arguments);return W()?n[t].apply(e,r):o.apply(e,r)}})}(n,this.flowplayer.instances)}),n.on(a,function(){n.setState(U,!1)}),n.on(i,()=>{if(O.casting_player=n,this.flowplayer.instances.forEach(e=>{e.togglePlay(!1),e.currentSessionTime=e.hasState("is-ended")?0:e.currentTime}),K())return Q(n,this.flowplayer.instances,console.debug,console.error)}),n.on("volumechange",()=>{const e=O.remote_player,t=O.controller;if(!K()||!e||!t)return;const o=n.volume,r=n.muted;o!==e.volumeLevel&&(e.volumeLevel=o,t.setVolumeLevel()),r!==e.isMuted&&t.muteOrUnmute()}),n.on("tracks:text:updated",function(e){var t,o,r;if(K())return e.data?void N((null===(r=null===(o=null===(t=g())||void 0===t?void 0:t.media)||void 0===o?void 0:o.tracks)||void 0===r?void 0:r.filter(e=>"TEXT"===e.type).filter(e=>{var t;return e.name===(null===(t=I(n).find(e=>e.is_active))||void 0===t?void 0:t.label)}).map(e=>e.trackId))||[]):N([])}),n.on("audio:update",()=>{K()&&setTimeout(()=>{var e,t,o,r,a;const i=null===(e=null==n?void 0:n.asel)||void 0===e?void 0:e.active_track,s=null===(a=null===(r=null===(o=null===(t=g())||void 0===t?void 0:t.media)||void 0===o?void 0:o.tracks)||void 0===r?void 0:r.filter(e=>"AUDIO"===e.type).find(e=>void 0!==e.name?e.name===(null==i?void 0:i.name):e.language===(null==i?void 0:i.lang)))||void 0===a?void 0:a.trackId;"number"==typeof s&&N([s])},0)}),n.on(s,()=>{if(n.setState(de,!0),!n.hasState(B))return;const e=n.opt("duration");"number"==typeof e&&Math.abs(e-n.currentSessionTime)<=1&&(n.currentSessionTime=0,n.setState(ue,!1),n.emit("ended")),n.emit(V,{currentTime:n.currentSessionTime}),this.reset_state(n)}),n.on(u,function(e){if(!e.data)return;const{field:t,value:o}=e.data;switch(t){case pe:return void(-1!==o||n.opts.live||n.setOpts({live:!0}));case Se:return n.muted=o;case he:return n.volume=o;case ye:return n.emit("dvr/window",o.end-o.start);case me:return Math.abs(o-n.currentSessionTime)>=1.5&&n.emit("seeked"),n.currentSessionTime=o,n.emit(H,o);case fe:return"PLAYING"==o?n.emit("playing"):"PAUSED"==o?n.emit("pause"):void 0;case ve:var r=(o||{}).fake_session||se;return ce(n,{device:r.device_name(),state:r.state()}),r.hide_controls&&n.setState("no-chromecast-controls",!0),n.setState(de,!1),n.hasState("is-loaded")||-1===n.duration||n.setOpts({duration:n.duration}),n.setState(Y,!0)}}),n.on(l,e=>{if(e.data)switch(e.detail.sessionState){case cast.framework.SessionState.SESSION_ENDED:if(!n.hasState(B))return;return O.casting_player=void 0,n.emit(V,{currentTime:n.currentSessionTime}),this.reset_state(n);case cast.framework.SessionState.SESSION_RESUMED:if(!_(n))return;return O.casting_player=n,n.setState(n.paused?ue:le,!0),n.setState(B,!0),n.setState(z,!0),n.setState(Y,!0),n.emit(H),n.currentSessionTime=n.currentTime,ce(n,{device:Z(),state:ne()}),n.setState(de,!1);case cast.framework.SessionState.SESSION_STARTED:if(n!==O.casting_player)return;Q(n,this.flowplayer.instances,console.debug,console.error)}})}reset_state(e){e.setState(Y,!1),e.setState(B,!1),e.setState(le,!1),e.setState(ue,!0),e.setState(de,!0)}}ChromecastPlugin.pluginName="chromecast",ChromecastPlugin.apps=j,ChromecastPlugin.events=m,ChromecastPlugin.hlsSegmentFormat={audio:p,video:f};return function(e,t){if("object"==typeof exports&&"undefined"!=typeof module)return t;if(null===document.currentScript)return t;"flowplayer"in e||(e.flowplayer={extensions:[]});const n=e.flowplayer;return"function"==typeof n?(n(t),t):(Array.isArray(n.extensions)||(n.extensions=[]),~n.extensions.indexOf(t)||n.extensions.push(t),t)}(window,ChromecastPlugin)});