{"version":3,"file":"Customplayer.-IMnsJBo.mjs","names":[],"sources":["https:/framerusercontent.com/modules/9WKL0Jw6UJ04grgUoE4h/qHnDU7HLkplHMOo2vt9R/Customplayer.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useRef}from\"react\";import{addPropertyControls,ControlType}from\"framer\";// Importações da CDN\nconst plyrCSS=\"https://cdn.plyr.io/3.7.8/plyr.css\";const plyrJS=\"https://cdn.plyr.io/3.7.8/plyr.polyfilled.js\";// Função para carregar scripts e CSS dinamicamente\nfunction loadScript(src){return new Promise((resolve,reject)=>{const script=document.createElement(\"script\");script.src=src;script.onload=resolve;script.onerror=reject;document.head.appendChild(script);});}function loadCSS(href){const link=document.createElement(\"link\");link.rel=\"stylesheet\";link.href=href;document.head.appendChild(link);}// Função para aplicar variáveis CSS\nfunction applyCSSVariables(element,variables){if(element){Object.keys(variables).forEach(key=>{element.style.setProperty(key,variables[key],\"important\");});}}// Função para ocultar os controles do Plyr\nfunction applyDisplayNoneToControls(player){const controls=player.elements.container.querySelectorAll(\".plyr__controls__item.plyr__control\");controls.forEach(control=>{control.style.setProperty(\"display\",\"none\",\"important\");});}// Função para extrair o ID do vídeo da URL (YouTube ou Vimeo)\nfunction extractVideoID(url,platform){if(platform===\"Youtube\"){const youtubeRegex=/(?:youtube\\.com\\/(?:[^\\/\\n\\s]+\\/\\S+\\/|(?:v|e(?:mbed)?)\\/|\\S*?[?&]v=)|youtu\\.be\\/)([a-zA-Z0-9_-]{11})/;const match=url.match(youtubeRegex);return match?match[1]:null;}else if(platform===\"Vimeo\"){const vimeoRegex=/vimeo\\.com\\/(?:channels\\/(?:\\w+\\/)?|groups\\/(?:\\w+\\/)?|album\\/(?:\\d+\\/)?video\\/|)(\\d+)/;const match=url.match(vimeoRegex);return match?match[1]:null;}return null;}/**\n * @framerDisableUnlink\n */export function UncodePlayer({videoPlatform,videoURL,autoplay,mute,controls,loop,titles,backgroundColor,mainColor,controlBackgroundColor,controlBorderColor,controlTextColor,hideControls,onPlay=()=>{},onEnd=()=>{},borderRadius,logoEnabled,customStyles,overflow,aspectRatio=\"16:9\",...props}){const playerRef=useRef();// Extrair o ID do vídeo com base na URL e plataforma\nconst videoID=extractVideoID(videoURL,videoPlatform);const videoSource=videoPlatform===\"Vimeo\"?`https://player.vimeo.com/video/${videoID}`:`https://www.youtube.com/embed/${videoID}`;useEffect(()=>{loadCSS(plyrCSS);loadScript(plyrJS).then(()=>{if(playerRef.current){const player=new Plyr(playerRef.current,{autoplay:autoplay,muted:mute,controls:[\"play-large\",\"restart\",\"rewind\",\"play\",\"fast-forward\",\"progress\",\"current-time\",\"duration\",\"mute\",\"volume\",\"captions\",\"settings\",\"pip\",\"airplay\",\"download\",\"fullscreen\"],loop:{active:loop},title:titles,clickToPlay:true,disableContextMenu:!logoEnabled});player.on(\"play\",onPlay);player.on(\"ended\",onEnd);const cssVariables={\"--plyr-color-main\":mainColor,\"--plyr-control-background\":controlBackgroundColor,\"--plyr-control-border\":controlBorderColor,\"--plyr-control-text\":controlTextColor};applyCSSVariables(player.elements.container,cssVariables);if(hideControls){applyDisplayNoneToControls(player);}if(customStyles){applyCSSVariables(player.elements.container,customStyles);}}});},[videoPlatform,videoID,autoplay,mute,controls,loop,titles,customStyles,logoEnabled,mainColor,controlBackgroundColor,controlBorderColor,controlTextColor,hideControls]);// Separando largura e altura da proporção para o container\nconst[ratioWidth,ratioHeight]=aspectRatio.split(\":\").map(Number);return /*#__PURE__*/_jsx(\"div\",{style:{background:backgroundColor,borderRadius:borderRadius,position:\"relative\",width:\"100%\",paddingTop:`${ratioHeight/ratioWidth*100}%`,overflow:overflow},...props,children:/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\"},children:/*#__PURE__*/_jsx(\"div\",{ref:playerRef,className:\"plyr__video-embed\",style:{width:\"100%\",height:\"100%\"},children:/*#__PURE__*/_jsx(\"iframe\",{src:videoSource,allow:\"autoplay; fullscreen\",allowFullScreen:true,style:{width:\"100%\",height:\"100%\"}})})})});}UncodePlayer.defaultProps={videoPlatform:\"Vimeo\",videoURL:\"https://vimeo.com/642263700\",autoplay:false,loop:false,mute:false,controls:true,titles:true,backgroundColor:\"rgba(0, 0, 0, 0)\",mainColor:\"#f18f35\",controlBackgroundColor:\"#444444\",controlBorderColor:\"#ffffff\",controlTextColor:\"#ffffff\",hideControls:false,borderRadius:0,logoEnabled:true,customStyles:{},overflow:\"hidden\",aspectRatio:\"16:9\"};// Adicionando Property Controls\naddPropertyControls(UncodePlayer,{videoPlatform:{title:\"Platform\",type:ControlType.Enum,options:[\"Vimeo\",\"Youtube\"],optionTitles:[\"Vimeo\",\"Youtube\"],description:\"Platform for video playback / Plataforma para reprodu\\xe7\\xe3o de v\\xeddeo\"},videoURL:{title:\"Video URL\",type:ControlType.String,placeholder:\"Enter video URL\",description:\"URL of the video to be played / URL do v\\xeddeo a ser reproduzido\"},autoplay:{title:\"Autoplay\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\",description:\"Play video automatically / Reproduzir v\\xeddeo automaticamente\"},loop:{title:\"Loop\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\",description:\"Replay video when it ends / Repetir v\\xeddeo quando terminar\"},mute:{title:\"Mute\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\",description:\"Mute the video on load / Colocar o v\\xeddeo no modo mudo ao carregar\"},titles:{title:\"Titles\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\",description:\"Display video titles / Exibir t\\xedtulos do v\\xeddeo\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"rgba(0, 0, 0, 0)\",description:\"Background color of the video container / Cor de fundo do container de v\\xeddeo\"},mainColor:{type:ControlType.Color,title:\"Cor do player\",defaultValue:\"#f18f35\",description:\"Main color for player controls / Cor principal para os controles do player\"},aspectRatio:{type:ControlType.String,title:\"Aspect Ratio\",defaultValue:\"16:9\",description:\"Define the aspect ratio of the video / Definir a propor\\xe7\\xe3o do v\\xeddeo\"},onPlay:{type:ControlType.EventHandler,title:\"On Play\",description:\"Event triggered when video starts playing / Evento disparado quando o v\\xeddeo come\\xe7a\"},onEnd:{type:ControlType.EventHandler,title:\"On End\",description:\"Event triggered when video ends / Evento disparado quando o v\\xeddeo termina\"},codeBy:{type:ControlType.String,title:\" \",defaultValue:\"Code by @omatusaelhorch\",readOnly:true,description:\"Este componente foi criado por @omatusaelhorch.\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"UncodePlayer\":{\"type\":\"reactComponent\",\"name\":\"UncodePlayer\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Customplayer.map"],"mappings":"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"}