mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-14 08:26:16 -08:00
feat: introduce ArtplayerToolIframe for iframe control
- Removed the old ArtplayerPluginIframe implementation. - Added ArtplayerToolIframe class with methods for iframe communication. - Implemented postMessage and onMessage methods for message handling. - Created a new TypeScript definition file for ArtplayerToolIframe. - Updated documentation links to point to the new iframe tool. - Added npm ignore file and README for the new package. - Included compiled and uncompiled versions of the new iframe tool. - Updated package.json with relevant metadata and exports.
This commit is contained in:
1 parent
78e9cc74f8
commit
1c75731ca9
58 files changed
+331
-178
No files matched your search
@@ -1,12 +1,12 @@
|
||||
var artplayerPluginIframe = (function() {
|
||||
"use strict";
|
||||
class ArtplayerPluginIframe {
|
||||
class ArtplayerToolIframe {
|
||||
static get iframe() {
|
||||
return window.top !== window;
|
||||
}
|
||||
static postMessage({ type, data, id = 0 }) {
|
||||
if (!ArtplayerPluginIframe.iframe) {
|
||||
throw new Error('The "ArtplayerPluginIframe.postMessage" method can only be used in iframe');
|
||||
if (!ArtplayerToolIframe.iframe) {
|
||||
throw new Error('The "ArtplayerToolIframe.postMessage" method can only be used in iframe');
|
||||
}
|
||||
window.parent.postMessage(
|
||||
{
|
||||
@@ -18,8 +18,8 @@ var artplayerPluginIframe = (function() {
|
||||
);
|
||||
}
|
||||
static async onMessage(event) {
|
||||
if (!ArtplayerPluginIframe.iframe) {
|
||||
throw new Error('The "ArtplayerPluginIframe.onMessage" method can only be used in iframe');
|
||||
if (!ArtplayerToolIframe.iframe) {
|
||||
throw new Error('The "ArtplayerToolIframe.onMessage" method can only be used in iframe');
|
||||
}
|
||||
const { type, data, id } = event.data;
|
||||
switch (type) {
|
||||
@@ -30,24 +30,24 @@ var artplayerPluginIframe = (function() {
|
||||
${data}
|
||||
})`;
|
||||
const result = await new Function(string)();
|
||||
ArtplayerPluginIframe.postMessage({ type: "response", data: result, id });
|
||||
ArtplayerToolIframe.postMessage({ type: "response", data: result, id });
|
||||
} else {
|
||||
const result = new Function(data)();
|
||||
ArtplayerPluginIframe.postMessage({ type: "response", data: result, id });
|
||||
ArtplayerToolIframe.postMessage({ type: "response", data: result, id });
|
||||
}
|
||||
} catch (error) {
|
||||
ArtplayerPluginIframe.postMessage({ type: "error", data: error.message, id });
|
||||
ArtplayerToolIframe.postMessage({ type: "error", data: error.message, id });
|
||||
throw error;
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
static inject() {
|
||||
if (!ArtplayerPluginIframe.iframe) {
|
||||
throw new Error('The "ArtplayerPluginIframe.inject" method can only be used in iframe');
|
||||
if (!ArtplayerToolIframe.iframe) {
|
||||
throw new Error('The "ArtplayerToolIframe.inject" method can only be used in iframe');
|
||||
}
|
||||
ArtplayerPluginIframe.postMessage({ type: "inject" });
|
||||
window.addEventListener("message", ArtplayerPluginIframe.onMessage);
|
||||
ArtplayerToolIframe.postMessage({ type: "inject" });
|
||||
window.addEventListener("message", ArtplayerToolIframe.onMessage);
|
||||
}
|
||||
constructor({ iframe, url }) {
|
||||
if (iframe instanceof HTMLIFrameElement === false) {
|
||||
@@ -128,5 +128,5 @@ ${data}
|
||||
window.removeEventListener("message", this.onMessage);
|
||||
}
|
||||
}
|
||||
return ArtplayerPluginIframe;
|
||||
return ArtplayerToolIframe;
|
||||
})();
|
||||
Reference in new issue
Block a user