hashirama/reanimate
Watch
1
0
Fork
You've already forked reanimate
 0
mirror of https://github.com/reanimate/reanimate.git synced 2026-09-14 09:32:22 +00:00
Code Issues Projects Releases Wiki Activity

Deploying to gh-pages from @ bd49954b77 🚀

Browse source
This commit is contained in:
Lemmih 2020-08-21 02:23:54 +00:00
commit 91d5fe9f0d
2 changed files with 50 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

26
playground/index.html
View file

@ -94,39 +94,41 @@
mode: "haskell",
lineWrapping: true
});
myCodeMirror.on('change', function () {
document.querySelector('.media-buttons').classList.remove('paused');
app.ports.receiveControlMsg.send('play');
app.ports.receiveEditorMsg.send(myCodeMirror.getValue());
app.play();
app.newCode(myCodeMirror.getValue());
});
document.getElementById('play').onclick = function() {
document.querySelector('.media-buttons').classList.toggle('paused');
app.ports.receiveControlMsg.send('play');
app.play();
};
document.getElementById('pause').onclick = function() {
document.querySelector('.media-buttons').classList.toggle('paused');
app.ports.receiveControlMsg.send('pause');
app.pause();
};
document.getElementById('seek1').onclick = function() {
document.querySelector('.media-buttons').classList.add('paused');
app.ports.receiveControlMsg.send('pause');
app.ports.receiveControlMsg.send('seek1');
app.pause();
app.seek1();
};
document.getElementById('seek10').onclick = function() {
document.querySelector('.media-buttons').classList.add('paused');
app.ports.receiveControlMsg.send('pause');
app.ports.receiveControlMsg.send('seek10');
app.pause();
app.seek10();
};
document.getElementById('seek-1').onclick = function() {
document.querySelector('.media-buttons').classList.add('paused');
app.ports.receiveControlMsg.send('pause');
app.ports.receiveControlMsg.send('seek-1');
app.pause();
app.seek_1();
};
document.getElementById('seek-10').onclick = function() {
document.querySelector('.media-buttons').classList.add('paused');
app.ports.receiveControlMsg.send('pause');
app.ports.receiveControlMsg.send('seek-10');
app.pause();
app.seek_10();
};
document.getElementById('help').onclick = function() {
document.querySelector('#help-modal').classList.add('is-active');

37
playground/playground.js
View file

@ -1,5 +1,8 @@
const backend = "149.56.132.163";
function playgroundInit(elt) {
var mySockets = {};
var frames = {};
function sendSocketCommand(wat) {
if (wat.cmd == "connect") {
@ -12,6 +15,16 @@ function playgroundInit(elt) {
});
}
socket.onmessage = function (event) {
const lines = event.data.split('\n');
const cmd = lines[0];
if( cmd === "frame_count" ) {
frames = {};
} else if ( cmd === "frame") {
const nth = parseInt(lines[1]);
const url = lines[2];
frames[nth] = new Image();
frames[nth].src = "http://"+backend+":10162/"+url;
}
app.ports.receiveSocketMsg.send({
name: wat.name,
msg: "data",
@ -40,5 +53,27 @@ function playgroundInit(elt) {
node: document.getElementById(elt)
});
app.ports.sendSocketCommand.subscribe(sendSocketCommand);
return app;
return {
play: function () {
app.ports.receiveControlMsg.send('play');
},
pause: function () {
app.ports.receiveControlMsg.send('pause');
},
seek1: function () {
app.ports.receiveControlMsg.send('seek1');
},
seek10: function () {
app.ports.receiveControlMsg.send('seek10');
},
seek_1: function () {
app.ports.receiveControlMsg.send('seek-1');
},
seek_10: function () {
app.ports.receiveControlMsg.send('seek-10');
},
newCode: function(code) {
app.ports.receiveEditorMsg.send(code);
}
};
}