2020-03-29 09:23:17 +00:00
|
|
|
import { PublicAPI } from "../../js-src/public-api";
|
|
|
|
import { SourceAPI } from "../../js-src/source-api";
|
2019-09-05 02:11:01 +00:00
|
|
|
|
2020-03-29 09:23:17 +00:00
|
|
|
window.RufflePlayer = PublicAPI.negotiate(window.RufflePlayer, "local", new SourceAPI("local"));
|
2019-04-25 17:52:22 +00:00
|
|
|
|
2020-03-29 09:23:17 +00:00
|
|
|
let ruffle;
|
|
|
|
let player;
|
|
|
|
let jsonData;
|
2019-04-25 17:52:22 +00:00
|
|
|
|
2020-03-29 09:23:17 +00:00
|
|
|
let container = document.getElementById('main');
|
|
|
|
let author_container = document.getElementById("author-container");
|
|
|
|
let author = document.getElementById("author");
|
2020-04-30 00:33:10 +00:00
|
|
|
let sampleFileInputContainer = document.getElementById("sample-swfs-container");
|
2020-03-29 09:23:17 +00:00
|
|
|
let sampleFileInput = document.getElementById("sample-swfs");
|
2019-05-06 10:31:33 +00:00
|
|
|
let localFileInput = document.getElementById("local-file");
|
2020-03-29 09:23:17 +00:00
|
|
|
|
|
|
|
window.addEventListener('DOMContentLoaded', (event) => {
|
|
|
|
ruffle = window.RufflePlayer.newest();
|
|
|
|
player = ruffle.create_player();
|
|
|
|
player.id = "player";
|
|
|
|
container.appendChild(player);
|
|
|
|
fetch("swfs.json").then(response => {
|
|
|
|
if (response.ok) {
|
|
|
|
response.json().then( data => {
|
|
|
|
const list = document.getElementById("sample-swfs");
|
|
|
|
jsonData = data;
|
|
|
|
jsonData.swfs.forEach(item => {
|
|
|
|
let temp = document.createElement("option");
|
|
|
|
temp.innerHTML = item.title;
|
|
|
|
temp.setAttribute("value",item.location);
|
|
|
|
list.appendChild(temp);
|
|
|
|
});
|
|
|
|
document.getElementById("sample-swfs-container").style.display = "inline-block";
|
2020-04-30 00:33:10 +00:00
|
|
|
let rn = Math.floor(Math.random() * Math.floor(sampleFileInput.children.length - 1));
|
2020-03-29 09:23:17 +00:00
|
|
|
sampleFileInput.selectedIndex = rn + 1;
|
|
|
|
loadRemoteFile(jsonData.swfs[rn].location);
|
|
|
|
author_container.style.display = "block";
|
|
|
|
author.innerHTML = jsonData.swfs[rn].author;
|
|
|
|
author.href = jsonData.swfs[rn].authorLink;
|
|
|
|
});
|
|
|
|
}
|
2020-04-30 00:33:10 +00:00
|
|
|
else {
|
|
|
|
sampleFileInputContainer.style.display = "none";
|
|
|
|
}
|
2020-03-29 09:23:17 +00:00
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
if(sampleFileInput) {
|
|
|
|
sampleFileInput.addEventListener("change",sampleFileSelected,false);
|
|
|
|
}
|
|
|
|
|
2019-06-25 23:30:35 +00:00
|
|
|
if (localFileInput) {
|
|
|
|
localFileInput.addEventListener("change", localFileSelected, false);
|
|
|
|
}
|
2019-04-29 20:24:29 +00:00
|
|
|
|
2019-05-07 17:03:45 +00:00
|
|
|
if (window.location.search && window.location.search != "") {
|
2019-05-07 23:07:23 +00:00
|
|
|
let urlParams = new URLSearchParams(window.location.search);
|
|
|
|
let url = urlParams.get("file");
|
|
|
|
if (url && url != "") {
|
2020-03-29 09:23:17 +00:00
|
|
|
console.info(url);
|
2019-05-07 23:07:23 +00:00
|
|
|
loadRemoteFile(url);
|
|
|
|
}
|
2019-05-07 17:03:45 +00:00
|
|
|
}
|
|
|
|
|
2020-03-29 09:23:17 +00:00
|
|
|
function sampleFileSelected() {
|
|
|
|
let selected_value = sampleFileInput.children[sampleFileInput.selectedIndex].value;
|
|
|
|
let selected_index = sampleFileInput.selectedIndex - 1; //We subtract 1 here because the dropdown menu inlcudes a "None" option.
|
|
|
|
if (selected_value != "none") {
|
|
|
|
author_container.style.display = "block";
|
|
|
|
author.innerHTML = jsonData.swfs[selected_index].author;
|
|
|
|
author.href = jsonData.swfs[selected_index].authorLink;
|
|
|
|
|
|
|
|
localFileInput.value = null;
|
|
|
|
loadRemoteFile(selected_value);
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
replacePlayer()
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-05-06 10:31:33 +00:00
|
|
|
function localFileSelected() {
|
2020-03-29 09:23:17 +00:00
|
|
|
sampleFileInput.selectedIndex = 0;
|
|
|
|
author_container.style.display = "none";
|
|
|
|
author.innerHTML = "";
|
|
|
|
author.href = "";
|
|
|
|
|
2019-05-06 10:31:33 +00:00
|
|
|
let file = localFileInput.files[0];
|
2019-04-25 17:52:22 +00:00
|
|
|
if (file) {
|
|
|
|
let fileReader = new FileReader();
|
|
|
|
fileReader.onload = e => {
|
2020-03-29 09:23:17 +00:00
|
|
|
player.play_swf_data(fileReader.result);
|
2019-04-25 17:52:22 +00:00
|
|
|
}
|
|
|
|
fileReader.readAsArrayBuffer(file);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-05-07 17:03:45 +00:00
|
|
|
function loadRemoteFile(url) {
|
|
|
|
fetch(url)
|
|
|
|
.then(response => {
|
2020-03-29 09:23:17 +00:00
|
|
|
response.arrayBuffer().then(data => player.play_swf_data(data))
|
2019-05-07 17:03:45 +00:00
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2020-03-29 09:23:17 +00:00
|
|
|
function replacePlayer() {
|
|
|
|
document.getElementById("main").children[0].remove();
|
|
|
|
player = ruffle.create_player();
|
|
|
|
player.id = "player";
|
|
|
|
container.appendChild(player);
|
|
|
|
author_container.style.display = "none";
|
|
|
|
author.innerHTML = "";
|
|
|
|
author.href = "";
|
2019-04-25 17:52:22 +00:00
|
|
|
}
|