2019-08-24 23:56:46 +00:00
|
|
|
import load_ruffle from "./load-ruffle";
|
2019-08-22 01:02:43 +00:00
|
|
|
import ruffle_shadow_template from "./shadow-template";
|
|
|
|
|
|
|
|
export default class RufflePlayer extends HTMLElement {
|
|
|
|
constructor(...args) {
|
|
|
|
let self = super(...args);
|
|
|
|
|
|
|
|
self.shadow = self.attachShadow({mode: 'closed'});
|
|
|
|
self.shadow.appendChild(ruffle_shadow_template.content.cloneNode(true));
|
|
|
|
|
|
|
|
self.canvas = self.shadow.getElementById("player");
|
2019-08-24 23:56:46 +00:00
|
|
|
self.instance = null;
|
|
|
|
|
|
|
|
self.Ruffle = load_ruffle();
|
2019-08-22 01:02:43 +00:00
|
|
|
|
|
|
|
return self;
|
|
|
|
}
|
|
|
|
|
2019-08-24 23:56:46 +00:00
|
|
|
async stream_swf_url(url) {
|
2019-08-22 01:02:43 +00:00
|
|
|
//TODO: Actually stream files...
|
2019-08-24 23:56:46 +00:00
|
|
|
try {
|
|
|
|
let abs_url = new URL(url, window.location.href).toString();
|
|
|
|
console.log("Loading SWF file " + url);
|
|
|
|
|
|
|
|
let response = await fetch(abs_url);
|
|
|
|
|
2019-08-22 01:02:43 +00:00
|
|
|
if (response.ok) {
|
2019-08-24 23:56:46 +00:00
|
|
|
let data = await response.arrayBuffer();
|
|
|
|
await this.play_swf_data(data);
|
|
|
|
console.log("Playing " + url);
|
2019-08-22 01:02:43 +00:00
|
|
|
} else {
|
|
|
|
console.error("SWF load failed: " + response.status + " " + response.statusText + " for " + url);
|
|
|
|
}
|
2019-08-24 23:56:46 +00:00
|
|
|
} catch (err) {
|
|
|
|
console.error("Serious error occured loading SWF file: " + err);
|
|
|
|
throw err;
|
|
|
|
}
|
2019-08-22 01:02:43 +00:00
|
|
|
}
|
|
|
|
|
2019-08-24 23:56:46 +00:00
|
|
|
async play_swf_data(data) {
|
|
|
|
console.log("Got SWF data");
|
|
|
|
|
|
|
|
if (this.instance) {
|
|
|
|
this.instance.destroy();
|
|
|
|
this.instance = null;
|
2019-08-22 01:02:43 +00:00
|
|
|
}
|
|
|
|
|
2019-08-24 23:56:46 +00:00
|
|
|
let Ruffle = await this.Ruffle.catch(function (e) {
|
|
|
|
console.error("Serious error loading Ruffle: " + e);
|
|
|
|
throw e;
|
|
|
|
});
|
|
|
|
|
|
|
|
this.instance = Ruffle.new(this.canvas, new Uint8Array(data));
|
2019-08-22 01:02:43 +00:00
|
|
|
}
|
|
|
|
}
|