liangsheng8708
/
ruffle
mirror of https://mirror.ghproxy.com/https://github.com/ruffle-rs/ruffle.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

web: Rename demo 'main' to 'playerContainer'

This commit is contained in:
Nathan Adams 2023-11-21 18:54:43 +01:00
parent c0ab99f6ee
commit 549f017794
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/packages/demo/src/index.ts
View File

@ -27,7 +27,7 @@ const ruffle = (window.RufflePlayer as PublicAPI).newest()!;
let player: RufflePlayer | null; let player: RufflePlayer | null;
const main = document.getElementById("player-container")!; const playerContainer = document.getElementById("player-container")!;
const overlay = document.getElementById("overlay")!; const overlay = document.getElementById("overlay")!;
const authorContainer = document.getElementById("author-container")!; const authorContainer = document.getElementById("author-container")!;
const author = <HTMLLinkElement>document.getElementById("author"); const author = <HTMLLinkElement>document.getElementById("author");
@ -140,7 +140,7 @@ function load(options: string | DataLoadOptions | URLLoadOptions) {
unload(); unload();
player = ruffle.createPlayer(); player = ruffle.createPlayer();
player.id = "player"; player.id = "player";
main.append(player); playerContainer.append(player);
player.load(options, false); player.load(options, false);
player.addEventListener("loadedmetadata", () => { player.addEventListener("loadedmetadata", () => {
if (player?.metadata) { if (player?.metadata) {
@ -225,21 +225,21 @@ localFileInput.addEventListener("change", (event) => {
sampleFileInput.addEventListener("change", () => loadSample()); sampleFileInput.addEventListener("change", () => loadSample());
main.addEventListener("dragenter", (event) => { playerContainer.addEventListener("dragenter", (event) => {
event.stopPropagation(); event.stopPropagation();
event.preventDefault(); event.preventDefault();
}); });
main.addEventListener("dragleave", (event) => { playerContainer.addEventListener("dragleave", (event) => {
event.stopPropagation(); event.stopPropagation();
event.preventDefault(); event.preventDefault();
overlay.classList.remove("drag"); overlay.classList.remove("drag");
}); });
main.addEventListener("dragover", (event) => { playerContainer.addEventListener("dragover", (event) => {
event.stopPropagation(); event.stopPropagation();
event.preventDefault(); event.preventDefault();
overlay.classList.add("drag"); overlay.classList.add("drag");
}); });
main.addEventListener("drop", (event) => { playerContainer.addEventListener("drop", (event) => {
event.stopPropagation(); event.stopPropagation();
event.preventDefault(); event.preventDefault();
overlay.classList.remove("drag"); overlay.classList.remove("drag");