@aigamo/nostalgic-diva 1.19.0 → 1.19.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AudioPlayer-CWI95ZSf.cjs +2 -0
- package/dist/AudioPlayer-CWI95ZSf.cjs.map +1 -0
- package/dist/AudioPlayer-Rgj403rr.js +30 -0
- package/dist/AudioPlayer-Rgj403rr.js.map +1 -0
- package/dist/DailymotionPlayer-CqYR3YjJ.cjs +2 -0
- package/dist/DailymotionPlayer-CqYR3YjJ.cjs.map +1 -0
- package/dist/DailymotionPlayer-DKnJvBrE.js +60 -0
- package/dist/DailymotionPlayer-DKnJvBrE.js.map +1 -0
- package/dist/NiconicoPlayer-BWepjJRp.js +34 -0
- package/dist/NiconicoPlayer-BWepjJRp.js.map +1 -0
- package/dist/NiconicoPlayer-DK-XPLSb.cjs +2 -0
- package/dist/NiconicoPlayer-DK-XPLSb.cjs.map +1 -0
- package/dist/PlayerContainer-CxyDj9x4.js +690 -0
- package/dist/PlayerContainer-CxyDj9x4.js.map +1 -0
- package/dist/PlayerContainer-LUwekvvj.cjs +17 -0
- package/dist/PlayerContainer-LUwekvvj.cjs.map +1 -0
- package/dist/SoundCloudPlayer-CIo1SPsW.js +32 -0
- package/dist/SoundCloudPlayer-CIo1SPsW.js.map +1 -0
- package/dist/SoundCloudPlayer-D1-SE7fO.cjs +2 -0
- package/dist/SoundCloudPlayer-D1-SE7fO.cjs.map +1 -0
- package/dist/TwitchPlayer-C-Zg7RPI.cjs +2 -0
- package/dist/TwitchPlayer-C-Zg7RPI.cjs.map +1 -0
- package/dist/TwitchPlayer-CipxSXDX.js +33 -0
- package/dist/TwitchPlayer-CipxSXDX.js.map +1 -0
- package/dist/VimeoPlayer-B2ew922s.cjs +2 -0
- package/dist/VimeoPlayer-B2ew922s.cjs.map +1 -0
- package/dist/VimeoPlayer-C-0MryDy.js +32 -0
- package/dist/VimeoPlayer-C-0MryDy.js.map +1 -0
- package/dist/YouTubePlayer-DXq_8Mrm.js +35 -0
- package/dist/YouTubePlayer-DXq_8Mrm.js.map +1 -0
- package/dist/YouTubePlayer-RHJqDD5s.cjs +2 -0
- package/dist/YouTubePlayer-RHJqDD5s.cjs.map +1 -0
- package/dist/ensureScriptLoaded-Bd04DRhn.js +26 -0
- package/dist/ensureScriptLoaded-Bd04DRhn.js.map +1 -0
- package/dist/ensureScriptLoaded-TVFV277C.cjs +2 -0
- package/dist/ensureScriptLoaded-TVFV277C.cjs.map +1 -0
- package/dist/index.cjs.js +2 -2
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +772 -25
- package/dist/index.es.js.map +1 -1
- package/package.json +4 -4
- package/dist/AudioPlayer-B3HUFxrt.cjs +0 -2
- package/dist/AudioPlayer-B3HUFxrt.cjs.map +0 -1
- package/dist/AudioPlayer-D3YsODf_.js +0 -34
- package/dist/AudioPlayer-D3YsODf_.js.map +0 -1
- package/dist/DailymotionPlayer-BbM7QPqY.js +0 -64
- package/dist/DailymotionPlayer-BbM7QPqY.js.map +0 -1
- package/dist/DailymotionPlayer-CUowHniC.cjs +0 -2
- package/dist/DailymotionPlayer-CUowHniC.cjs.map +0 -1
- package/dist/NiconicoPlayer-BQO6a8Vb.js +0 -35
- package/dist/NiconicoPlayer-BQO6a8Vb.js.map +0 -1
- package/dist/NiconicoPlayer-DpSXQj5m.cjs +0 -2
- package/dist/NiconicoPlayer-DpSXQj5m.cjs.map +0 -1
- package/dist/SoundCloudPlayer-B8jkHu8t.js +0 -42
- package/dist/SoundCloudPlayer-B8jkHu8t.js.map +0 -1
- package/dist/SoundCloudPlayer-BV22QlM7.cjs +0 -2
- package/dist/SoundCloudPlayer-BV22QlM7.cjs.map +0 -1
- package/dist/TwitchPlayer-C9mAN-zs.js +0 -39
- package/dist/TwitchPlayer-C9mAN-zs.js.map +0 -1
- package/dist/TwitchPlayer-CAtEBZ_D.cjs +0 -2
- package/dist/TwitchPlayer-CAtEBZ_D.cjs.map +0 -1
- package/dist/VimeoPlayer-BeD9InZ2.cjs +0 -2
- package/dist/VimeoPlayer-BeD9InZ2.cjs.map +0 -1
- package/dist/VimeoPlayer-Dj_TPJOD.js +0 -42
- package/dist/VimeoPlayer-Dj_TPJOD.js.map +0 -1
- package/dist/YouTubePlayer-DLqd36LF.cjs +0 -2
- package/dist/YouTubePlayer-DLqd36LF.cjs.map +0 -1
- package/dist/YouTubePlayer-DnM2aTnC.js +0 -38
- package/dist/YouTubePlayer-DnM2aTnC.js.map +0 -1
- package/dist/ensureScriptLoaded-Blm1fjMc.cjs +0 -2
- package/dist/ensureScriptLoaded-Blm1fjMc.cjs.map +0 -1
- package/dist/ensureScriptLoaded-Jw9e6HLc.js +0 -24
- package/dist/ensureScriptLoaded-Jw9e6HLc.js.map +0 -1
- package/dist/index-D5CazY1_.js +0 -1848
- package/dist/index-D5CazY1_.js.map +0 -1
- package/dist/index-DFsUhc9i.cjs +0 -15
- package/dist/index-DFsUhc9i.cjs.map +0 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const e=require(`./PlayerContainer-LUwekvvj.cjs`),t=require(`./index.cjs.js`);let n=require(`react`);var r=e.i(),i=(0,n.memo)(({...i})=>{let{logger:a}=i;a.log(e.o.Debug,`AudioPlayer`);let o=(0,n.useCallback)(e=>Promise.resolve(e),[]);return(0,r.jsx)(e.t,{...i,loadScript:void 0,playerFactory:o,controllerFactory:t.AudioPlayerController,children:(e,t)=>(0,r.jsx)(`audio`,{ref:e,src:t,style:{width:`100%`,height:`100%`},preload:`auto`,autoPlay:!0,controls:!0})})});exports.default=i;
|
|
2
|
+
//# sourceMappingURL=AudioPlayer-CWI95ZSf.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AudioPlayer-CWI95ZSf.cjs","names":[],"sources":["../src/components/AudioPlayer.tsx"],"sourcesContent":["import {\n\tPlayerContainer,\n\ttype PlayerProps,\n} from '@/components/PlayerContainer';\nimport { AudioPlayerController } from '@/controllers/AudioPlayerController';\nimport { LogLevel } from '@/controllers/Logger';\nimport { type ReactElement, memo, useCallback } from 'react';\n\nconst AudioPlayer = memo(({ ...props }: PlayerProps): ReactElement => {\n\tconst { logger } = props;\n\n\tlogger.log(LogLevel.Debug, 'AudioPlayer');\n\n\tconst playerFactory = useCallback(\n\t\t(element: HTMLAudioElement): Promise<HTMLAudioElement> => {\n\t\t\treturn Promise.resolve(element);\n\t\t},\n\t\t[],\n\t);\n\n\treturn (\n\t\t<PlayerContainer\n\t\t\t{...props}\n\t\t\tloadScript={undefined}\n\t\t\tplayerFactory={playerFactory}\n\t\t\tcontrollerFactory={AudioPlayerController}\n\t\t>\n\t\t\t{(elementRef, videoId): ReactElement => (\n\t\t\t\t<audio\n\t\t\t\t\tref={elementRef}\n\t\t\t\t\tsrc={videoId}\n\t\t\t\t\tstyle={{ width: '100%', height: '100%' }}\n\t\t\t\t\tpreload=\"auto\"\n\t\t\t\t\tautoPlay\n\t\t\t\t\tcontrols\n\t\t\t\t/>\n\t\t\t)}\n\t\t</PlayerContainer>\n\t);\n});\n\nexport default AudioPlayer;\n"],"mappings":"iHAQM,GAAA,EAAA,EAAA,OAAoB,CAAE,GAAG,KAAuC,CACrE,GAAM,CAAE,UAAW,EAEnB,EAAO,IAAI,EAAA,EAAS,MAAO,cAAc,CAEzC,IAAM,GAAA,EAAA,EAAA,aACJ,GACO,QAAQ,QAAQ,EAAQ,CAEhC,EAAE,CACF,CAED,OAAA,EAAA,EAAA,KACE,EAAA,EAAD,CACC,GAAI,EACJ,WAAY,IAAA,GACG,gBACf,kBAAmB,EAAA,gCAEjB,EAAY,KAAA,EAAA,EAAA,KACZ,QAAD,CACC,IAAK,EACL,IAAK,EACL,MAAO,CAAE,MAAO,OAAQ,OAAQ,OAAQ,CACxC,QAAQ,OACR,SAAA,GACA,SAAA,GACC,CAAA,CAEc,CAAA,EAElB"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { i as e, o as t, t as n } from "./PlayerContainer-CxyDj9x4.js";
|
|
2
|
+
import { AudioPlayerController as r } from "./index.es.js";
|
|
3
|
+
import { memo as i, useCallback as a } from "react";
|
|
4
|
+
//#region src/components/AudioPlayer.tsx
|
|
5
|
+
var o = e(), s = i(({ ...e }) => {
|
|
6
|
+
let { logger: i } = e;
|
|
7
|
+
i.log(t.Debug, "AudioPlayer");
|
|
8
|
+
let s = a((e) => Promise.resolve(e), []);
|
|
9
|
+
return /* @__PURE__ */ (0, o.jsx)(n, {
|
|
10
|
+
...e,
|
|
11
|
+
loadScript: void 0,
|
|
12
|
+
playerFactory: s,
|
|
13
|
+
controllerFactory: r,
|
|
14
|
+
children: (e, t) => /* @__PURE__ */ (0, o.jsx)("audio", {
|
|
15
|
+
ref: e,
|
|
16
|
+
src: t,
|
|
17
|
+
style: {
|
|
18
|
+
width: "100%",
|
|
19
|
+
height: "100%"
|
|
20
|
+
},
|
|
21
|
+
preload: "auto",
|
|
22
|
+
autoPlay: !0,
|
|
23
|
+
controls: !0
|
|
24
|
+
})
|
|
25
|
+
});
|
|
26
|
+
});
|
|
27
|
+
//#endregion
|
|
28
|
+
export { s as default };
|
|
29
|
+
|
|
30
|
+
//# sourceMappingURL=AudioPlayer-Rgj403rr.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AudioPlayer-Rgj403rr.js","names":[],"sources":["../src/components/AudioPlayer.tsx"],"sourcesContent":["import {\n\tPlayerContainer,\n\ttype PlayerProps,\n} from '@/components/PlayerContainer';\nimport { AudioPlayerController } from '@/controllers/AudioPlayerController';\nimport { LogLevel } from '@/controllers/Logger';\nimport { type ReactElement, memo, useCallback } from 'react';\n\nconst AudioPlayer = memo(({ ...props }: PlayerProps): ReactElement => {\n\tconst { logger } = props;\n\n\tlogger.log(LogLevel.Debug, 'AudioPlayer');\n\n\tconst playerFactory = useCallback(\n\t\t(element: HTMLAudioElement): Promise<HTMLAudioElement> => {\n\t\t\treturn Promise.resolve(element);\n\t\t},\n\t\t[],\n\t);\n\n\treturn (\n\t\t<PlayerContainer\n\t\t\t{...props}\n\t\t\tloadScript={undefined}\n\t\t\tplayerFactory={playerFactory}\n\t\t\tcontrollerFactory={AudioPlayerController}\n\t\t>\n\t\t\t{(elementRef, videoId): ReactElement => (\n\t\t\t\t<audio\n\t\t\t\t\tref={elementRef}\n\t\t\t\t\tsrc={videoId}\n\t\t\t\t\tstyle={{ width: '100%', height: '100%' }}\n\t\t\t\t\tpreload=\"auto\"\n\t\t\t\t\tautoPlay\n\t\t\t\t\tcontrols\n\t\t\t\t/>\n\t\t\t)}\n\t\t</PlayerContainer>\n\t);\n});\n\nexport default AudioPlayer;\n"],"mappings":";;;;aAQM,IAAc,GAAM,EAAE,GAAG,QAAuC;CACrE,IAAM,EAAE,cAAW;AAEnB,GAAO,IAAI,EAAS,OAAO,cAAc;CAEzC,IAAM,IAAgB,GACpB,MACO,QAAQ,QAAQ,EAAQ,EAEhC,EAAE,CACF;AAED,QACC,iBAAA,GAAA,EAAA,KAAC,GAAD;EACC,GAAI;EACJ,YAAY,KAAA;EACG;EACf,mBAAmB;aAEjB,GAAY,MACb,iBAAA,GAAA,EAAA,KAAC,SAAD;GACC,KAAK;GACL,KAAK;GACL,OAAO;IAAE,OAAO;IAAQ,QAAQ;IAAQ;GACxC,SAAQ;GACR,UAAA;GACA,UAAA;GACC,CAAA;EAEc,CAAA;EAElB"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const e=require(`./PlayerContainer-LUwekvvj.cjs`),t=require(`./index.cjs.js`),n=require(`./ensureScriptLoaded-TVFV277C.cjs`);let r=require(`react`);var i=e.i(),a=(0,r.memo)(({options:a,...o})=>{let{logger:s}=o;s.log(e.o.Debug,`DailymotionPlayer`);let c=(0,r.useCallback)(async()=>{await n.t(`https://api.dmcdn.net/all.js`,s)},[s]),l=(0,r.useCallback)((e,t)=>Promise.resolve(new DM.player(e,{video:t,width:`100%`,height:`100%`,events:{apiready:()=>{a?.onLoaded?.({id:t})},seeked:()=>{a?.onTimeUpdate?.({duration:0,percent:0,seconds:0})},video_end:()=>{a?.onEnded?.()},durationchange:()=>{},pause:()=>{a?.onPause?.()},playing:()=>{a?.onPlay?.()},waiting:()=>{},error:e=>{a?.onError?.(e)}}})),[a]);return(0,i.jsx)(e.t,{...o,options:a,loadScript:c,playerFactory:l,controllerFactory:t.DailymotionPlayerController,children:e=>(0,i.jsx)(`div`,{style:{width:`100%`,height:`100%`},children:(0,i.jsx)(`div`,{ref:e})})})});exports.default=a;
|
|
2
|
+
//# sourceMappingURL=DailymotionPlayer-CqYR3YjJ.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DailymotionPlayer-CqYR3YjJ.cjs","names":[],"sources":["../src/components/DailymotionPlayer.tsx"],"sourcesContent":["import {\n\tPlayerContainer,\n\ttype PlayerProps,\n} from '@/components/PlayerContainer';\nimport { DailymotionPlayerController } from '@/controllers/DailymotionPlayerController';\nimport { LogLevel } from '@/controllers/Logger';\nimport { ensureScriptLoaded } from '@/controllers/ensureScriptLoaded';\nimport { type ReactElement, memo, useCallback } from 'react';\n\nconst DailymotionPlayer = memo(\n\t({ options, ...props }: PlayerProps): ReactElement => {\n\t\tconst { logger } = props;\n\n\t\tlogger.log(LogLevel.Debug, 'DailymotionPlayer');\n\n\t\tconst loadScript = useCallback(async () => {\n\t\t\tawait ensureScriptLoaded('https://api.dmcdn.net/all.js', logger);\n\t\t}, [logger]);\n\n\t\tconst playerFactory = useCallback(\n\t\t\t(element: HTMLDivElement, videoId: string): Promise<DM.player> => {\n\t\t\t\treturn Promise.resolve(\n\t\t\t\t\tnew DM.player(element, {\n\t\t\t\t\t\tvideo: videoId,\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\tevents: {\n\t\t\t\t\t\t\tapiready: (): void => {\n\t\t\t\t\t\t\t\toptions?.onLoaded?.({ id: videoId });\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tseeked: (): void => {\n\t\t\t\t\t\t\t\toptions?.onTimeUpdate?.({\n\t\t\t\t\t\t\t\t\tduration: 0,\n\t\t\t\t\t\t\t\t\tpercent: 0,\n\t\t\t\t\t\t\t\t\tseconds: 0,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tvideo_end: (): void => {\n\t\t\t\t\t\t\t\toptions?.onEnded?.();\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tdurationchange: (): void => {},\n\t\t\t\t\t\t\tpause: (): void => {\n\t\t\t\t\t\t\t\toptions?.onPause?.();\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tplaying: (): void => {\n\t\t\t\t\t\t\t\toptions?.onPlay?.();\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\twaiting: (): void => {},\n\t\t\t\t\t\t\terror: (error): void => {\n\t\t\t\t\t\t\t\toptions?.onError?.(error);\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t}),\n\t\t\t\t);\n\t\t\t},\n\t\t\t[options],\n\t\t);\n\n\t\treturn (\n\t\t\t<PlayerContainer\n\t\t\t\t{...props}\n\t\t\t\toptions={options}\n\t\t\t\tloadScript={loadScript}\n\t\t\t\tplayerFactory={playerFactory}\n\t\t\t\tcontrollerFactory={DailymotionPlayerController}\n\t\t\t>\n\t\t\t\t{(elementRef): ReactElement => (\n\t\t\t\t\t<div style={{ width: '100%', height: '100%' }}>\n\t\t\t\t\t\t<div ref={elementRef} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</PlayerContainer>\n\t\t);\n\t},\n);\n\nexport default DailymotionPlayer;\n"],"mappings":"gKASM,GAAA,EAAA,EAAA,OACJ,CAAE,UAAS,GAAG,KAAuC,CACrD,GAAM,CAAE,UAAW,EAEnB,EAAO,IAAI,EAAA,EAAS,MAAO,oBAAoB,CAE/C,IAAM,GAAA,EAAA,EAAA,aAAyB,SAAY,CAC1C,MAAM,EAAA,EAAmB,+BAAgC,EAAO,EAC9D,CAAC,EAAO,CAAC,CAEN,GAAA,EAAA,EAAA,cACJ,EAAyB,IAClB,QAAQ,QACd,IAAI,GAAG,OAAO,EAAS,CACtB,MAAO,EACP,MAAO,OACP,OAAQ,OACR,OAAQ,CACP,aAAsB,CACrB,GAAS,WAAW,CAAE,GAAI,EAAS,CAAC,EAErC,WAAoB,CACnB,GAAS,eAAe,CACvB,SAAU,EACV,QAAS,EACT,QAAS,EACT,CAAC,EAEH,cAAuB,CACtB,GAAS,WAAW,EAErB,mBAA4B,GAC5B,UAAmB,CAClB,GAAS,WAAW,EAErB,YAAqB,CACpB,GAAS,UAAU,EAEpB,YAAqB,GACrB,MAAQ,GAAgB,CACvB,GAAS,UAAU,EAAM,EAE1B,CACD,CAAC,CACF,CAEF,CAAC,EAAQ,CACT,CAED,OAAA,EAAA,EAAA,KACE,EAAA,EAAD,CACC,GAAI,EACK,UACG,aACG,gBACf,kBAAmB,EAAA,qCAEjB,IAAA,EAAA,EAAA,KACA,MAAD,CAAK,MAAO,CAAE,MAAO,OAAQ,OAAQ,OAAQ,oBAC3C,MAAD,CAAK,IAAK,EAAc,CAAA,CACnB,CAAA,CAEU,CAAA,EAGpB"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { i as e, o as t, t as n } from "./PlayerContainer-CxyDj9x4.js";
|
|
2
|
+
import { DailymotionPlayerController as r } from "./index.es.js";
|
|
3
|
+
import { t as i } from "./ensureScriptLoaded-Bd04DRhn.js";
|
|
4
|
+
import { memo as a, useCallback as o } from "react";
|
|
5
|
+
//#region src/components/DailymotionPlayer.tsx
|
|
6
|
+
var s = e(), c = a(({ options: e, ...a }) => {
|
|
7
|
+
let { logger: c } = a;
|
|
8
|
+
c.log(t.Debug, "DailymotionPlayer");
|
|
9
|
+
let l = o(async () => {
|
|
10
|
+
await i("https://api.dmcdn.net/all.js", c);
|
|
11
|
+
}, [c]), u = o((t, n) => Promise.resolve(new DM.player(t, {
|
|
12
|
+
video: n,
|
|
13
|
+
width: "100%",
|
|
14
|
+
height: "100%",
|
|
15
|
+
events: {
|
|
16
|
+
apiready: () => {
|
|
17
|
+
e?.onLoaded?.({ id: n });
|
|
18
|
+
},
|
|
19
|
+
seeked: () => {
|
|
20
|
+
e?.onTimeUpdate?.({
|
|
21
|
+
duration: 0,
|
|
22
|
+
percent: 0,
|
|
23
|
+
seconds: 0
|
|
24
|
+
});
|
|
25
|
+
},
|
|
26
|
+
video_end: () => {
|
|
27
|
+
e?.onEnded?.();
|
|
28
|
+
},
|
|
29
|
+
durationchange: () => {},
|
|
30
|
+
pause: () => {
|
|
31
|
+
e?.onPause?.();
|
|
32
|
+
},
|
|
33
|
+
playing: () => {
|
|
34
|
+
e?.onPlay?.();
|
|
35
|
+
},
|
|
36
|
+
waiting: () => {},
|
|
37
|
+
error: (t) => {
|
|
38
|
+
e?.onError?.(t);
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
})), [e]);
|
|
42
|
+
return /* @__PURE__ */ (0, s.jsx)(n, {
|
|
43
|
+
...a,
|
|
44
|
+
options: e,
|
|
45
|
+
loadScript: l,
|
|
46
|
+
playerFactory: u,
|
|
47
|
+
controllerFactory: r,
|
|
48
|
+
children: (e) => /* @__PURE__ */ (0, s.jsx)("div", {
|
|
49
|
+
style: {
|
|
50
|
+
width: "100%",
|
|
51
|
+
height: "100%"
|
|
52
|
+
},
|
|
53
|
+
children: /* @__PURE__ */ (0, s.jsx)("div", { ref: e })
|
|
54
|
+
})
|
|
55
|
+
});
|
|
56
|
+
});
|
|
57
|
+
//#endregion
|
|
58
|
+
export { c as default };
|
|
59
|
+
|
|
60
|
+
//# sourceMappingURL=DailymotionPlayer-DKnJvBrE.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DailymotionPlayer-DKnJvBrE.js","names":[],"sources":["../src/components/DailymotionPlayer.tsx"],"sourcesContent":["import {\n\tPlayerContainer,\n\ttype PlayerProps,\n} from '@/components/PlayerContainer';\nimport { DailymotionPlayerController } from '@/controllers/DailymotionPlayerController';\nimport { LogLevel } from '@/controllers/Logger';\nimport { ensureScriptLoaded } from '@/controllers/ensureScriptLoaded';\nimport { type ReactElement, memo, useCallback } from 'react';\n\nconst DailymotionPlayer = memo(\n\t({ options, ...props }: PlayerProps): ReactElement => {\n\t\tconst { logger } = props;\n\n\t\tlogger.log(LogLevel.Debug, 'DailymotionPlayer');\n\n\t\tconst loadScript = useCallback(async () => {\n\t\t\tawait ensureScriptLoaded('https://api.dmcdn.net/all.js', logger);\n\t\t}, [logger]);\n\n\t\tconst playerFactory = useCallback(\n\t\t\t(element: HTMLDivElement, videoId: string): Promise<DM.player> => {\n\t\t\t\treturn Promise.resolve(\n\t\t\t\t\tnew DM.player(element, {\n\t\t\t\t\t\tvideo: videoId,\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\tevents: {\n\t\t\t\t\t\t\tapiready: (): void => {\n\t\t\t\t\t\t\t\toptions?.onLoaded?.({ id: videoId });\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tseeked: (): void => {\n\t\t\t\t\t\t\t\toptions?.onTimeUpdate?.({\n\t\t\t\t\t\t\t\t\tduration: 0,\n\t\t\t\t\t\t\t\t\tpercent: 0,\n\t\t\t\t\t\t\t\t\tseconds: 0,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tvideo_end: (): void => {\n\t\t\t\t\t\t\t\toptions?.onEnded?.();\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tdurationchange: (): void => {},\n\t\t\t\t\t\t\tpause: (): void => {\n\t\t\t\t\t\t\t\toptions?.onPause?.();\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tplaying: (): void => {\n\t\t\t\t\t\t\t\toptions?.onPlay?.();\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\twaiting: (): void => {},\n\t\t\t\t\t\t\terror: (error): void => {\n\t\t\t\t\t\t\t\toptions?.onError?.(error);\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t}),\n\t\t\t\t);\n\t\t\t},\n\t\t\t[options],\n\t\t);\n\n\t\treturn (\n\t\t\t<PlayerContainer\n\t\t\t\t{...props}\n\t\t\t\toptions={options}\n\t\t\t\tloadScript={loadScript}\n\t\t\t\tplayerFactory={playerFactory}\n\t\t\t\tcontrollerFactory={DailymotionPlayerController}\n\t\t\t>\n\t\t\t\t{(elementRef): ReactElement => (\n\t\t\t\t\t<div style={{ width: '100%', height: '100%' }}>\n\t\t\t\t\t\t<div ref={elementRef} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</PlayerContainer>\n\t\t);\n\t},\n);\n\nexport default DailymotionPlayer;\n"],"mappings":";;;;;aASM,IAAoB,GACxB,EAAE,YAAS,GAAG,QAAuC;CACrD,IAAM,EAAE,cAAW;AAEnB,GAAO,IAAI,EAAS,OAAO,oBAAoB;CAE/C,IAAM,IAAa,EAAY,YAAY;AAC1C,QAAM,EAAmB,gCAAgC,EAAO;IAC9D,CAAC,EAAO,CAAC,EAEN,IAAgB,GACpB,GAAyB,MAClB,QAAQ,QACd,IAAI,GAAG,OAAO,GAAS;EACtB,OAAO;EACP,OAAO;EACP,QAAQ;EACR,QAAQ;GACP,gBAAsB;AACrB,OAAS,WAAW,EAAE,IAAI,GAAS,CAAC;;GAErC,cAAoB;AACnB,OAAS,eAAe;KACvB,UAAU;KACV,SAAS;KACT,SAAS;KACT,CAAC;;GAEH,iBAAuB;AACtB,OAAS,WAAW;;GAErB,sBAA4B;GAC5B,aAAmB;AAClB,OAAS,WAAW;;GAErB,eAAqB;AACpB,OAAS,UAAU;;GAEpB,eAAqB;GACrB,QAAQ,MAAgB;AACvB,OAAS,UAAU,EAAM;;GAE1B;EACD,CAAC,CACF,EAEF,CAAC,EAAQ,CACT;AAED,QACC,iBAAA,GAAA,EAAA,KAAC,GAAD;EACC,GAAI;EACK;EACG;EACG;EACf,mBAAmB;aAEjB,MACD,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAK,OAAO;IAAE,OAAO;IAAQ,QAAQ;IAAQ;aAC5C,iBAAA,GAAA,EAAA,KAAC,OAAD,EAAK,KAAK,GAAc,CAAA;GACnB,CAAA;EAEU,CAAA;EAGpB"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { i as e, o as t, t as n } from "./PlayerContainer-CxyDj9x4.js";
|
|
2
|
+
import { NiconicoPlayerController as r } from "./index.es.js";
|
|
3
|
+
import { memo as i, useCallback as a } from "react";
|
|
4
|
+
//#region src/components/NiconicoPlayer.tsx
|
|
5
|
+
var o = e(), s = i(({ ...e }) => {
|
|
6
|
+
let { logger: i } = e;
|
|
7
|
+
i.log(t.Debug, "NiconicoPlayer");
|
|
8
|
+
let s = a((e) => Promise.resolve(e), []);
|
|
9
|
+
return /* @__PURE__ */ (0, o.jsx)(n, {
|
|
10
|
+
...e,
|
|
11
|
+
loadScript: void 0,
|
|
12
|
+
playerFactory: s,
|
|
13
|
+
controllerFactory: r,
|
|
14
|
+
children: (e, t) => /* @__PURE__ */ (0, o.jsx)("div", {
|
|
15
|
+
style: {
|
|
16
|
+
width: "100%",
|
|
17
|
+
height: "100%"
|
|
18
|
+
},
|
|
19
|
+
children: /* @__PURE__ */ (0, o.jsx)("iframe", {
|
|
20
|
+
ref: e,
|
|
21
|
+
src: `https://embed.nicovideo.jp/watch/${t}?jsapi=1&playerId=1`,
|
|
22
|
+
width: "100%",
|
|
23
|
+
height: "100%",
|
|
24
|
+
allowFullScreen: !0,
|
|
25
|
+
style: { border: "none" },
|
|
26
|
+
allow: "autoplay; fullscreen"
|
|
27
|
+
})
|
|
28
|
+
})
|
|
29
|
+
});
|
|
30
|
+
});
|
|
31
|
+
//#endregion
|
|
32
|
+
export { s as default };
|
|
33
|
+
|
|
34
|
+
//# sourceMappingURL=NiconicoPlayer-BWepjJRp.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NiconicoPlayer-BWepjJRp.js","names":[],"sources":["../src/components/NiconicoPlayer.tsx"],"sourcesContent":["import {\n\tPlayerContainer,\n\ttype PlayerProps,\n} from '@/components/PlayerContainer';\nimport { LogLevel } from '@/controllers/Logger';\nimport { NiconicoPlayerController } from '@/controllers/NiconicoPlayerController';\nimport { type ReactElement, memo, useCallback } from 'react';\n\nconst NiconicoPlayer = memo(({ ...props }: PlayerProps): ReactElement => {\n\tconst { logger } = props;\n\n\tlogger.log(LogLevel.Debug, 'NiconicoPlayer');\n\n\tconst playerFactory = useCallback(\n\t\t(element: HTMLIFrameElement): Promise<HTMLIFrameElement> => {\n\t\t\treturn Promise.resolve(element);\n\t\t},\n\t\t[],\n\t);\n\n\treturn (\n\t\t<PlayerContainer\n\t\t\t{...props}\n\t\t\tloadScript={undefined}\n\t\t\tplayerFactory={playerFactory}\n\t\t\tcontrollerFactory={NiconicoPlayerController}\n\t\t>\n\t\t\t{(elementRef, videoId): ReactElement => (\n\t\t\t\t<div style={{ width: '100%', height: '100%' }}>\n\t\t\t\t\t{/* eslint-disable-next-line jsx-a11y/iframe-has-title */}\n\t\t\t\t\t<iframe\n\t\t\t\t\t\tref={elementRef}\n\t\t\t\t\t\tsrc={`https://embed.nicovideo.jp/watch/${videoId}?jsapi=1&playerId=1`}\n\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t\tallowFullScreen\n\t\t\t\t\t\tstyle={{ border: 'none' }}\n\t\t\t\t\t\t// The player has to have the allow=\"autoplay\" attribute.\n\t\t\t\t\t\t// Otherwise it throws a NotAllowedError: \"play() failed because the user didn't interact with the document first\".\n\t\t\t\t\t\t// See also: https://github.com/vimeo/player.js/issues/389.\n\t\t\t\t\t\t// NOTE: An iframe element created by `PVPlayerNiconico.playerFactory.create` doesn't have the allow=\"autoplay\" attribute,\n\t\t\t\t\t\t// which causes the above issue when trying to autoplay a video.\n\t\t\t\t\t\tallow=\"autoplay; fullscreen\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</PlayerContainer>\n\t);\n});\n\nexport default NiconicoPlayer;\n"],"mappings":";;;;aAQM,IAAiB,GAAM,EAAE,GAAG,QAAuC;CACxE,IAAM,EAAE,cAAW;AAEnB,GAAO,IAAI,EAAS,OAAO,iBAAiB;CAE5C,IAAM,IAAgB,GACpB,MACO,QAAQ,QAAQ,EAAQ,EAEhC,EAAE,CACF;AAED,QACC,iBAAA,GAAA,EAAA,KAAC,GAAD;EACC,GAAI;EACJ,YAAY,KAAA;EACG;EACf,mBAAmB;aAEjB,GAAY,MACb,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAK,OAAO;IAAE,OAAO;IAAQ,QAAQ;IAAQ;aAE5C,iBAAA,GAAA,EAAA,KAAC,UAAD;IACC,KAAK;IACL,KAAK,oCAAoC,EAAQ;IACjD,OAAM;IACN,QAAO;IACP,iBAAA;IACA,OAAO,EAAE,QAAQ,QAAQ;IAMzB,OAAM;IACL,CAAA;GACG,CAAA;EAEU,CAAA;EAElB"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const e=require(`./PlayerContainer-LUwekvvj.cjs`),t=require(`./index.cjs.js`);let n=require(`react`);var r=e.i(),i=(0,n.memo)(({...i})=>{let{logger:a}=i;a.log(e.o.Debug,`NiconicoPlayer`);let o=(0,n.useCallback)(e=>Promise.resolve(e),[]);return(0,r.jsx)(e.t,{...i,loadScript:void 0,playerFactory:o,controllerFactory:t.NiconicoPlayerController,children:(e,t)=>(0,r.jsx)(`div`,{style:{width:`100%`,height:`100%`},children:(0,r.jsx)(`iframe`,{ref:e,src:`https://embed.nicovideo.jp/watch/${t}?jsapi=1&playerId=1`,width:`100%`,height:`100%`,allowFullScreen:!0,style:{border:`none`},allow:`autoplay; fullscreen`})})})});exports.default=i;
|
|
2
|
+
//# sourceMappingURL=NiconicoPlayer-DK-XPLSb.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NiconicoPlayer-DK-XPLSb.cjs","names":[],"sources":["../src/components/NiconicoPlayer.tsx"],"sourcesContent":["import {\n\tPlayerContainer,\n\ttype PlayerProps,\n} from '@/components/PlayerContainer';\nimport { LogLevel } from '@/controllers/Logger';\nimport { NiconicoPlayerController } from '@/controllers/NiconicoPlayerController';\nimport { type ReactElement, memo, useCallback } from 'react';\n\nconst NiconicoPlayer = memo(({ ...props }: PlayerProps): ReactElement => {\n\tconst { logger } = props;\n\n\tlogger.log(LogLevel.Debug, 'NiconicoPlayer');\n\n\tconst playerFactory = useCallback(\n\t\t(element: HTMLIFrameElement): Promise<HTMLIFrameElement> => {\n\t\t\treturn Promise.resolve(element);\n\t\t},\n\t\t[],\n\t);\n\n\treturn (\n\t\t<PlayerContainer\n\t\t\t{...props}\n\t\t\tloadScript={undefined}\n\t\t\tplayerFactory={playerFactory}\n\t\t\tcontrollerFactory={NiconicoPlayerController}\n\t\t>\n\t\t\t{(elementRef, videoId): ReactElement => (\n\t\t\t\t<div style={{ width: '100%', height: '100%' }}>\n\t\t\t\t\t{/* eslint-disable-next-line jsx-a11y/iframe-has-title */}\n\t\t\t\t\t<iframe\n\t\t\t\t\t\tref={elementRef}\n\t\t\t\t\t\tsrc={`https://embed.nicovideo.jp/watch/${videoId}?jsapi=1&playerId=1`}\n\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t\tallowFullScreen\n\t\t\t\t\t\tstyle={{ border: 'none' }}\n\t\t\t\t\t\t// The player has to have the allow=\"autoplay\" attribute.\n\t\t\t\t\t\t// Otherwise it throws a NotAllowedError: \"play() failed because the user didn't interact with the document first\".\n\t\t\t\t\t\t// See also: https://github.com/vimeo/player.js/issues/389.\n\t\t\t\t\t\t// NOTE: An iframe element created by `PVPlayerNiconico.playerFactory.create` doesn't have the allow=\"autoplay\" attribute,\n\t\t\t\t\t\t// which causes the above issue when trying to autoplay a video.\n\t\t\t\t\t\tallow=\"autoplay; fullscreen\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</PlayerContainer>\n\t);\n});\n\nexport default NiconicoPlayer;\n"],"mappings":"iHAQM,GAAA,EAAA,EAAA,OAAuB,CAAE,GAAG,KAAuC,CACxE,GAAM,CAAE,UAAW,EAEnB,EAAO,IAAI,EAAA,EAAS,MAAO,iBAAiB,CAE5C,IAAM,GAAA,EAAA,EAAA,aACJ,GACO,QAAQ,QAAQ,EAAQ,CAEhC,EAAE,CACF,CAED,OAAA,EAAA,EAAA,KACE,EAAA,EAAD,CACC,GAAI,EACJ,WAAY,IAAA,GACG,gBACf,kBAAmB,EAAA,mCAEjB,EAAY,KAAA,EAAA,EAAA,KACZ,MAAD,CAAK,MAAO,CAAE,MAAO,OAAQ,OAAQ,OAAQ,oBAE3C,SAAD,CACC,IAAK,EACL,IAAK,oCAAoC,EAAQ,qBACjD,MAAM,OACN,OAAO,OACP,gBAAA,GACA,MAAO,CAAE,OAAQ,OAAQ,CAMzB,MAAM,uBACL,CAAA,CACG,CAAA,CAEU,CAAA,EAElB"}
|