@tycoonsystems/tycoon-modules/modules/streaming/watch/Player.js

www.tv.tycoon.systems/documentation

import React from"react";import Script from"next/script";import{v4 as uuidv4}from"uuid";import WatchPageStyles from"./WatchPage.module.scss";import IMALoader from"@tycoonsystems/tycoon-modules/advertise/video/ima/IMALoader";import dynamic from"next/dynamic";const Overlay=dynamic(()=>import("/layout/video/Overlay"),{ssr:!1,loading:()=>React.createElement("p",null)}),Module=a=>{var[e,t]=React.useState(!1);const[i,r]=React.useState(!1),[o,l]=React.useState(null);var c,s=a?.usePlayerHeight??a?.watchUseFullHeight?`calc(100vh - ${a?.menuConfig?.height}px`:a?.menuConfig?.height?`calc(78vh - ${a.menuConfig.height}px)`:"78vh";Object.prototype.hasOwnProperty.call(a,"playerVisible")&&a?.playerVisible||Object.prototype.hasOwnProperty.call(a,"playerVisible");const[n,d]=React.useState(!1);o&&(a._LocalEventEmitter.unsubscribe(o),a._LocalEventEmitter.subscribe(o,e=>{if("healthcheck"===e?.dispatch)try{var t;a?.playerName&&((t=window?.videojs?.players[a.playerName])&&!n?d(!0):!t&&n&&d(!1))}catch(e){}})),React.useEffect(()=>{if(!i){const e=uuidv4();l(e),r((new Date).getTime()),setInterval(()=>{a._LocalEventEmitter.dispatch(e,{dispatch:"healthcheck"})},500)}},[i]);try{!e&&(c=-1!==i&&i<(new Date).getTime()-(a?.waitGoogleImaThreshold??500),window?.google?.ima||a?.noAds||c)&&t(!0)}catch(e){}return console.log("Player Name",a.playerName,e,a.playerInitialized,a?.isAuthorized),React.createElement(React.Fragment,null,React.createElement("style",null,`
                    video::-webkit-media-controls-enclosure {
                        display: none;
                    }
                    `),React.createElement(Script,{src:"https://d2zsu4v7czjhvo.cloudfront.net/all/videojs/8.9.0/video.min.js"})," ",React.createElement("script",{src:"videojs-http-streaming.min.js"}),React.createElement("div",{className:`${a?.className??""} ${WatchPageStyles.videoContainer} ${a?.mobileStyleConfigs?""+WatchPageStyles.mobileVideoPlayer:null} ${n?WatchPageStyles.playerInitialized+" Watch_PlayerInitialized":WatchPageStyles.playerNotInitialized+" Watch_PlayerNotInitialized"} WatchPage_VideoContainer ${a?.isAuthorized?"":WatchPageStyles.PlayerNoAuthorization+" Watch_PlayerNoAuthorization"} Watch_MediaType_`+a?.watchData?.__typename},React.createElement("div",{className:WatchPageStyles.floatingCoverPlayer+" Watch_FloatingCoverPlayer"},React.createElement(Overlay,a),React.createElement("video",{id:a.playerName??"my-player",class:`${WatchPageStyles.videoPlayer} video-js WatchPage_VideoPlayer ${a?.loadAds?"ad_video_player":""} `+(a?.isAuthorized?"":WatchPageStyles.isNotAuthorizedVideoPlayer+" WatchPage_IsNotAuthorizedVideoPlayer"),style:{maxHeight:s},crossOrigin:"anonymous",controls:!0,preload:"auto",playsInline:!0,poster:(()=>{if(n){if(a?.usePoster)return a.usePoster;if(a?.cdn?.static&&a?.watchData?.thumbtrack?.[0])return a.cdn.static+"/thumbtrack/"+a?.watchData?.thumbtrack[0]}return"/img/default/videoposter-blank.png"})()},React.createElement("p",{class:"vjs-no-js"},"To view this video please enable JavaScript, and consider upgrading to a web browser that",React.createElement("a",{href:"https://videojs.com/html5-video-support/",target:"_blank"},"supports HTML5 video"))),React.createElement("div",{id:"ad-container",className:"no_pointer_events"}))),e&&!a?.noAds?React.createElement(IMALoader,{playerName:a.playerName??"my-player"}):null)};export default Module;