diff options
Diffstat (limited to 'shader-gif.html')
| -rw-r--r-- | shader-gif.html | 24 |
1 files changed, 22 insertions, 2 deletions
diff --git a/shader-gif.html b/shader-gif.html index 6bff9e2..0e902d9 100644 --- a/shader-gif.html +++ b/shader-gif.html @@ -68,6 +68,7 @@ div { display: inline-block; padding: 10px;} <button id="step-forward">>></button> <span id="status"></span> <button id="save" disabled>save</button> + <button id="upload" disabled>upload</button> <br> </div> @@ -126,6 +127,7 @@ function init(){ $("#remove-all-frames").click(remove_all_frames) $("#render").click(render) $("#save").click(save) + $("#upload").click(upload) $("#help,#instructions .close").click(function(){ $("#instructions").toggle() }) $("#instructions").draggable({ start: drag_start, @@ -355,8 +357,8 @@ encoder.on("rendered-url", function(url){ var image = new Image () lastGif = image.src = url $("#rendered").append(image) - $("#save,#rendered").show() - $("#pause,#render,#add-frame,#save").enable() + $("#save,#upload,#rendered").show() + $("#pause,#render,#add-frame,#save,#upload").enable() $("#render").html("render") rendering = false pause(true) @@ -369,6 +371,24 @@ function save (){ saveAs(blob, filename + "-" + (+new Date()) + ".gif"); } +function upload(){ + var filename = document.getElementById("url").value.replace(/^.*\//,"").replace(/\.gif.*$/,"") + var blob = dataUriToBlob(lastGif) + uploadImage({ + blob: blob, + filename: filename + "-" + (+new Date()) + ".gif" + username: "", + success: function(msg){ + console.log(msg); + status("upload successful: " + msg) + }, + error: function(e){ + console.log(e) + status("error uploading: " + e) + } + }); +} + </script> <script type="text/html" id="frame-template"> <button class="remove">x</button> |