(()=>{var t={9186:t=>{t.exports=function(t){return t&&t.__esModule?t:{default:t}},t.exports.default=t.exports,t.exports.__esModule=!0},1574:(t,e,i)=>{"use strict";function n(t){var e=navigator.userAgent||"";return t.test(e)}function a(t){return function(){return n(t)}}i.d(e,{Dt:()=>o,tq:()=>s,dv:()=>r});a(/weibo/i),a(/xiaomi/i),a(/baiduboxapp|baidubrowser/i),a(/iphone|ipad|ipod/i);var o=a(/android/i),s=a(/(iphone|ipod|((?:android)?.*?mobile)|blackberrynokia)/i),r=a(/com\.douban\.frodo/i);a(/miniprogram/i),a(/(com\.douban\.frodo\/[\d.]+(dev|debug|test|beta|alpha))|(com\.douban\.frodo\.test)/i)},7411:(t,e,i)=>{"use strict";i.r(e)},1379:(t,e,i)=>{"use strict";i.d(e,{Q:()=>n,Z:()=>s});var n,a=i(5410);!function(t){t.default="default",t.loading="loading",t.triggered="triggered",t.playing="playing",t.pause="pause",t.error="error",t.timeout="timeout"}(n||(n={}));var o={download:!0,prefetch:!0,clickPlay:!1,timeout:1e4};const s=function(){function t(t,e){var i=this;if(!t)return null;this.inited||t.getAttribute("data-inited")||(this.config=Object.assign({},o,e),this.elem=t,this.container=t.parentElement,this.previewURL=this.elem.src,this.playURL=this.getPlayURL(),this.config.clickPlay&&this.elem&&(this.elemClick=(0,a.Z)(this.elem,"click",(function(t){var e=i.status===n.playing,a=i.status===n.default,o=i.status===n.pause,s=i.status===n.error,r=i.status===n.loading;(a||o)&&t.stopPropagation(),e||s||r||i.playHandle(t,!0)}))),this.init())}return t.prototype.init=function(){},t.prototype.getOriginURL=function(t){return(t||this.elem).getAttribute("data-original-url")},t.prototype.getPlayURL=function(t){return this.getOriginURL()},t.prototype.createDownloadButton=function(t){if(this.config.download){var e=document.createElement("a");e.className="image-gif-download",e.href=t||this.getOriginURL(),e.target="_blank",e.rel="norefer",e.innerHTML="GIF",this.container&&this.container.appendChild(e),this.downloadButton=e}},t.prototype.createPanel=function(){this.panel||(this.panel=document.createElement("div"),this.panel.className="image-gif-panel",this.panel.innerHTML='\n      <div class="image-gif-panel-inner">\n        <a href="javascript:;" class="image-gif-button-play">GIF</a>\n        <a href="javascript:;" class="image-gif-button-reload" style="display: none">重新加载</a>\n        <span class="image-gif-loading" style="display: none;">加载中</span>\n      </div>\n    ',this.container.appendChild(this.panel),this.playButton=this.panel.getElementsByClassName("image-gif-button-play")[0],this.reloadButton=this.panel.getElementsByClassName("image-gif-button-reload")[0],this.loadingIcon=this.panel.getElementsByClassName("image-gif-loading")[0],this.playButtonClick=(0,a.Z)(this.playButton,"click",this.playHandle.bind(this)),this.reloadButtonClick=(0,a.Z)(this.reloadButton,"click",this.reloadHandle.bind(this)),this.elem.setAttribute("data-inited","true"))},t.prototype.play=function(t){},t.prototype.playHandle=function(t,e){this.play(this.playURL),this.changeStatus(n.playing)},t.prototype.changeStatus=function(t){this.status=t,this.elem&&this.elem.setAttribute("data-status",t)},t.prototype.reloadHandle=function(t){this.changeStatus(n.loading),this.playButton.style.display="none",this.reloadButton.style.display="none",this.loadingIcon.style.display="block";var e="_r="+Math.random(),i=this.playURL.indexOf("?")>=0?this.playURL+"&"+e:this.playURL+"?"+e;this.playURL=i,this.play(this.playURL)},t.prototype.notFoundHandle=function(t){},t.prototype.pause=function(){},t.prototype.destroy=function(){},t.prototype.startTimeout=function(){var t=this,e=this.config.timeout,i=void 0===e?1e4:e;this.timer=setTimeout((function(){t.status===n.loading&&t.changeStatus(n.timeout)}),i)},t.prototype.clearTimeout=function(){this.timer&&(clearTimeout(this.timer),this.timer=null)},t.prototype._destory=function(){this.container&&(this.panel&&(this.container.removeChild(this.panel),this.panel=null),this.downloadButton&&(this.container.removeChild(this.downloadButton),this.downloadButton=null)),this.elem&&this.elem.setAttribute("data-inited",""),this.inited=!1,this.changeStatus(n.default)},t.prefetch=function(t){if(!t)return!1;var e=document.createElement("link");e.rel="prefecth",e.href=t;var i=document.getElementsByTagName("link")[0];i?i.parentNode.insertBefore(e,i):document.getElementsByTagName("head")[0].appendChild(e)},t}()},5410:(t,e,i)=>{"use strict";i.d(e,{Z:()=>n});const n=function(t,e,i){return t.addEventListener?(t.addEventListener(e,i,!1),{remove:function(){t.removeEventListener(e,i,!1)}}):t.attachEvent?(t.attachEvent("on"+e,i),{remove:function(){t.detachEvent("on"+e,i)}}):void 0}},5527:(t,e,i)=>{"use strict";i.d(e,{Z:()=>r});var n,a=i(5410),o=i(1379),s=(n=function(t,e){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])})(t,e)},function(t,e){function i(){this.constructor=t}n(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)});const r=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return s(e,t),e.prototype.init=function(){this.createPanel(),this.playURL=this.getPlayURL(),this.imgLoad=(0,a.Z)(this.elem,"load",this.loadedHandle.bind(this)),this.imgLoadErorr=(0,a.Z)(this.elem,"error",this.notFoundHandle.bind(this)),this.config&&this.config.prefetch&&o.Z.prefetch(this.getPlayURL()),this.elem&&(this.srcTemp=this.elem.getAttribute("src"))},e.prototype.loadedHandle=function(){if(!this.elem)return!1;this.elem.src===this.playURL&&(this.playButtonClick.remove(),this.reloadButtonClick.remove(),this.imgLoad.remove(),this.imgLoadErorr.remove(),this.container.removeChild(this.panel),this.createDownloadButton(),this.changeStatus(o.Q.playing))},e.prototype.notFoundHandle=function(){if(!this.elem)return!1;this.elem.src=this.previewURL,this.playButton.style.display="none",this.reloadButton.style.display="block",this.loadingIcon.style.display="none",this.changeStatus(o.Q.error)},e.prototype.play=function(t){if(!this.elem)return!1;this.elem.src=t||this.playURL,this.playButton.style.display="none",this.reloadButton.style.display="none",this.loadingIcon.style.display="block"},e.prototype.pause=function(){this.elem&&this.srcTemp&&this.elem.setAttribute("src",this.srcTemp),this.changeStatus(o.Q.pause)},e.prototype.destroy=function(){this.pause(),this._destory()},e}(o.Z)},644:(t,e,i)=>{"use strict";i.r(e),i.d(e,{renderInit:()=>l,getAllInstance:()=>p,destoryAll:()=>h,default:()=>u});var n=i(1574),a=i(5527),o=i(2686),s=function(){for(var t=0,e=0,i=arguments.length;e<i;e++)t+=arguments[e].length;var n=Array(t),a=0;for(e=0;e<i;e++)for(var o=arguments[e],s=0,r=o.length;s<r;s++,a++)n[a]=o[s];return n};var r=[];function l(t,e){void 0===e&&(e=document.body);var i=[];if(!e)return null;var l=e.querySelectorAll("img[data-render-type=gif]");if(l&&0!==l.length){for(var p,h,u=0,d=(t&&"video"===t.type&&((h=document.createElement("video")).canPlayType&&h.canPlayType("video/mp4")&&(!((0,n.tq)()&&!(0,n.dv)())||"playsInline"in h))),y={download:!t||t.download,clickPlay:!!t&&t.clickPlay};p=l[u];){var c=d?new o.ZP(p,y):new a.Z(p,y);i.push(c),u++}if("object"==typeof t&&"preloadNum"in t)for(var f=Math.min(t.preloadNum,i.length);f--;)i[f]&&i[f].play();return r=s(r,i),i}}function p(){return s(r)}function h(){if(r&&r.length>0)for(var t=r.length;t--;){var e=r[t];e&&e.destroy()}}const u=l},2686:(t,e,i)=>{"use strict";i.d(e,{ZP:()=>p});var n,a=i(5410),o=i(1379),s=i(1574),r=(n=function(t,e){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])})(t,e)},function(t,e){function i(){this.constructor=t}n(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)}),l=(0,s.Dt)();const p=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return r(e,t),e.prototype.init=function(){var t=this;this.imageLoaded=!1,this.needPlay=!1,this.createPanel(),this.container.setAttribute("data-render-type","video"),this.elem&&(this.elem.complete?this._playAfterComplete():this.elem.addEventListener("load",(function(){t._playAfterComplete()}))),e.allInstances.push(this),this.startTimeout()},e.prototype._playAfterComplete=function(){this.imageLoaded=!0,this.needPlay&&(this.createPlayer(),this.bindPlayerEvents(),this.play())},e.prototype.playingHandle=function(){this.status!==o.Q.playing&&(this.changeStatus(o.Q.playing),this.playButton&&(this.playButton.style.display="none"),this.reloadButton&&(this.reloadButton.style.display="none"),this.loadingIcon&&(this.loadingIcon.style.display="none"),this.player&&(this.player.style.display="block"),this.playButtonClick.remove(),this.reloadButtonClick.remove(),this.container.removeChild(this.panel),this.panel=null,this.playerLoadStart.remove(),this.playerPlaying.remove(),this.playerReady.remove(),this.playerLoadedData.remove(),this.playerLoadedMetaData.remove(),this.changeStatus(o.Q.playing),this.createDownloadButton(),this.clearTimeout())},e.prototype.changeStatus=function(t){this.status=t,this.elem&&this.elem.setAttribute("data-status",t),this.player&&this.player.setAttribute("data-status",t)},e.prototype.getPlayURL=function(t){var e=(t||this.elem).getAttribute("data-original-url");if(!e)return"";var i=e.split(".").pop();return e.replace(new RegExp("."+i+"$","gi"),".mp4")},e.prototype.createPlayer=function(){if(!this.imageLoaded)return!1;var t=document.createElement("video");this.container.appendChild(t),t.className="image-gif-player",t.muted=!0,t.controls=!1,t.loop=!l,t.preload="auto",t.autoplay=!0,t.poster=this.previewURL,t.crossOrigin="anonymous",t.playsinline=!0,t.style.display="none",t.setAttribute("playsinline","true"),t.setAttribute("webkit-playsinline","true"),t.setAttribute("type","video/mp4");try{var e=this.playURL;t.src=e}catch(e){console&&console.error("不支持该 player.src",t.src)}this.loadingIcon.style.display="block",this.playButton.style.display="none",this.player=t},e.prototype.bindPlayerEvents=function(){var t=this;this.playerLoadStart=(0,a.Z)(this.player,"loadstart",(function(e){t.changeStatus(o.Q.loading)})),this.playerReady=(0,a.Z)(this.player,"canplay",(function(){t.canPlay=!0,t.status!==o.Q.playing&&t.play()})),this.playerLoadedMetaData=(0,a.Z)(this.player,"loadedmetadata",(function(){t.canPlay=!0,t.status!==o.Q.playing&&t.play()})),this.playerLoadedData=(0,a.Z)(this.player,"loadeddata",(function(){t.canPlay=!0})),l&&(this.playerTrickLoop=(0,a.Z)(this.player,"ended",(function(){t.player.currentTime=.01,t.player.play()}))),this.playerPlaying=(0,a.Z)(this.player,"playing",this.playingHandle.bind(this)),this.playerLoadError=(0,a.Z)(this.player,"error",this.notFoundHandle.bind(this))},e.prototype.playHandle=function(t,e){t&&t.preventDefault(),t&&e&&t.stopPropagation(),this.canPlay=!0,this.play(this.playURL),this.changeStatus(o.Q.loading)},e.prototype.play=function(t){return this.needPlay=!0,!!this.imageLoaded&&(this.player||(this.createPlayer(),this.bindPlayerEvents()),!!this.canPlay&&(t&&this.player&&(this.player.src=t),void(this.player&&(this.player.play(),this.changeStatus(o.Q.triggered)))))},e.prototype.reloadHandle=function(t){t&&t.preventDefault(),t&&t.stopPropagation(),this.changeStatus(o.Q.loading),this.playButton&&(this.playButton.style.display="none"),this.reloadButton&&(this.reloadButton.style.display="none"),this.loadingIcon&&(this.loadingIcon.style.display="block");var e=this.playURL;this.canPlay=!0,this.play(e)},e.prototype.notFoundHandle=function(t){if(this.status===o.Q.playing)return!1;this.canPlay=!1,this.playButton&&(this.playButton.style.display="none"),this.reloadButton&&(this.reloadButton.style.display="block"),this.loadingIcon&&(this.loadingIcon.style.display="none"),this.player&&(this.player.style.display="none"),this.changeStatus(o.Q.error)},e.prototype.pause=function(){this.player&&(this.player.pause(),this.changeStatus(o.Q.pause))},e.prototype.destroy=function(){this.container&&this.player&&(this.container.removeChild(this.player),this.player=null),this._destory()},e.allInstances=[],e.ALL_PLAY=function(){e.allInstances&&e.allInstances.forEach((function(t){"playing"!==t.status&&(t.canPlay=!0,t.play())}))},e}(o.Z)}},e={};function i(n){var a=e[n];if(void 0!==a)return a.exports;var o=e[n]={exports:{}};return t[n](o,o.exports,i),o.exports}i.d=(t,e)=>{for(var n in e)i.o(e,n)&&!i.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),i.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{"use strict";var t=i(9186)(i(644));i(7411),window._IMAGE_GIF_RENDER=t.default})()})();
//# sourceMappingURL=render_gif.js.map