From b5b4357a5d5b4af2513b3438243b0f4e262f3e54 Mon Sep 17 00:00:00 2001
From: Mark Nadal <mark@gun.eco>
Date: Fri, 8 Nov 2019 14:58:59 -0800
Subject: [PATCH] screen recorder thanks to @JamieRez

---
 examples/basic/screen.html | 57 ++++++++++++++++++++++++++++++++++++++
 examples/basic/space.html  | 50 ---------------------------------
 2 files changed, 57 insertions(+), 50 deletions(-)
 create mode 100644 examples/basic/screen.html
 delete mode 100644 examples/basic/space.html

diff --git a/examples/basic/screen.html b/examples/basic/screen.html
new file mode 100644
index 00000000..7a9fdcb9
--- /dev/null
+++ b/examples/basic/screen.html
@@ -0,0 +1,57 @@
+<video id="video" width="100%"></video>
+<center>
+  <button id="record">Record</button>
+  <button id="play">Play</button>
+</center>
+
+<script src="../jquery.js"></script>
+<script src="../../../gun/gun.js"></script>
+
+<script>
+var gun = Gun();
+var record = {recorder: null, recording: false};
+
+$('#record').on('click', ()=>{
+  if(!record.ing){ return record.stream() }
+  $('#record').text("Record");
+  if(record.ing.stop){ record.ing.stop() }
+  record.ing = false;
+})
+
+record.stream = function(){
+  navigator.mediaDevices.getDisplayMedia({ video: true }).then(stream => {
+    var chunks = []; // we have a stream, we can record it
+    record.ing = new MediaRecorder(stream);
+    record.ing.ondataavailable = eve => chunks.push(eve.data);
+    record.ing.onstop = eve => record.save(new Blob(chunks));
+    record.ing.start()
+    $('#record').text("End");
+  }, err => { console.log(err) });
+}
+
+record.save = function(data){
+  record.file = record.file || new FileReader();
+  record.file.readAsDataURL(data); 
+  record.file.onloadend = function(){
+    var b64 = record.file.result;
+    b64 = "data:video/webm" + b64.substr(b64.indexOf(';'));
+    gun.get('screen').get('test').put(b64);
+  }
+}
+
+$('#play').on('click', ()=>{
+  if(record.playing){
+    $('#play').text("Play")
+    $('#video').get(0).stop();
+    record.playing = false;
+    return;
+  }
+  $('#play').text("Stop");
+  record.playing = true;
+  gun.get('screen').get('test').once((data)=>{
+    if(!data){ return }
+    $('#video').get(0).src = data;
+    $('#video').get(0).play()
+  })
+})
+</script>
\ No newline at end of file
diff --git a/examples/basic/space.html b/examples/basic/space.html
deleted file mode 100644
index 72a7f15e..00000000
--- a/examples/basic/space.html
+++ /dev/null
@@ -1,50 +0,0 @@
-<h1>Search</h1>
-
-<form id="ask">
-  <input id="search" placeholder="search..." autocomplete="off">
-</form>
-
-<div id="answer"></div>
-<ul></ul>
-
-<small>Note: No data is indexed by default, you need to add some!</small>
-
-<script src="../../examples/jquery.js"></script>
-<script src="../../gun.js"></script>
-<script src="../../sea.js"></script>
-<script src="../../lib/space.js"></script>
-
-<script>
-var gun = Gun();
-var ask = {};
-
-$('#search').on('keyup', function(e){
-	ask.now = (this.value||'').toLowerCase().replace(/[\W_]+/g,"");
-  if(ask.last === ask.now){ return }
-  ask.last = ask.now;
-  clearTimeout(ask.to);
-  ask.to = setTimeout(search, 20);
-});
-
-function search(){
-  var key = ask.now;
-  gun.get('Q').space(key, function(ack){
-    if(!ack || key !== ask.now){ return }
-    UI(ack)
-  });
-}
-
-function UI(ack){
-  $('#answer').text(ack.data || '');
-  var $ul = $('ul').empty(), tree = ack.tree;
-  Gun.obj.map(tree, function(v,k){
-    $('<li>').text(k +' - ' + v).appendTo($ul);
-  });
-};
-
-function load(DATA){
-  Gun.obj.map(DATA, function(v,k){
-    gun.get('Q').space(k, v); 
-  });
-}
-</script>
\ No newline at end of file