updated fresh page and live hacking notes

ispooge.com-v2/app/resources/templates/md/pages/fresh.md

@@ -3,6 +3,9 @@
  :navbar? false
  :toc? true
  :video-yt-id "owr-z4-y05c"
+ :video-thumbnail-url "/media/videos/ispooge/whats-ispooge-live.jpg"
+ :video-url           "/media/videos/ispooge/whats-ispooge-live.hls/playlist.m3u8" 
+ 
  :description "FreshSpooge 3.0"
  }
 

ispooge.com-v2/app/resources/templates/md/posts/2018-04-04-live-hacking.md

@@ -52,16 +52,41 @@ In the markdown place a header `# WHATS ISPOOGE LIVE VIDEO`; ID is derived from
 
 "what's ispooge live?" should be self hosted... do transcode
 
+1:17 - deployed updated version
 
 
 ## Notes
 
 
+
 ### ideas
 
+monetization
+  - emails/calls
+  - payment/tip integration
+    - we have steemit--produce work for it
+    - GNU Taler for cash+anon
+- rss reader app
+- writing
+  - presentation updates
+    - [x] link what's ispooge live video
+    - [ ] transcode video for self host
+  - daily broadcasting ops
+  - ux tweets from screenshots
+- videojs r&d
+  - commercial spots
+  - annotated comments
+
+
+
 
 ### todo
 
 
 
 ## Links
+
+
+* [https://developer.mozilla.org/en-US/docs/Web/API/Node/replaceChild](https://developer.mozilla.org/en-US/docs/Web/API/Node/replaceChild)
+
+

ispooge.com-v2/app/resources/templates/themes/ispooge/html/fresh.html

@@ -1,5 +1,13 @@
 {% extends "/html/base.html" %}
 {%block subtitle %}: {{page.title}}{% endblock %}
+
+{% block head %}
+
+
+{% include "/html/partials/video-head-videojs.html" %}
+
+{% endblock %}
+
 {% block content %}
 <div id="custom-page">
     <div id="page-header">
@@ -8,7 +16,27 @@
 
     {% if page.video-yt-id %}
       <div id="whats-ispooge-live-video-yt" style="">
-        <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/{{ page.video-yt-id }}?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+        
+        
+<video id="video-player" width="640" height="360" class="video-js vjs-default-skin" 
+  controls poster="{{page.video-thumbnail-url}}" data-setyp='{"controls": "true", "loop": "false", "autoplay": "false", "preload": "false"}'>
+    <source src="{{page.video-url}}" type="application/x-mpegURL">
+    </source>
+    <p class="vjs-no-js">The browser doesn't seem to support our video player... new browsers should.</p>
+  </video>
+  
+  <script>
+  var player = videojs('video-player');
+  
+  							player.ready(function() {
+  							
+  							   player.mediaSession();
+  });
+  //player.play();
+  </script>
+  
+          
+        
       </div>
     {% endif %}
 

ispooge.com-v2/app/resources/templates/themes/ispooge/html/partials/video-head-videojs.html

@@ -0,0 +1,4 @@
+<link rel="stylesheet" href="/assets/videojs/video-js.css">
+<script src="/assets/videojs/video.js"></script>
+<script src="/assets/videojs/videojs-contrib-hls.js"></script>
+<script src="/assets/videojs/videojs-media-session.js"></script>

ispooge.com-v2/app/resources/templates/themes/ispooge/html/partials/video-head.html

@@ -11,8 +11,5 @@
 {% endif %}
 
 {% if post.video-url %}
-<link rel="stylesheet" href="/assets/videojs/video-js.css">
-<script src="/assets/videojs/video.js"></script>
-<script src="/assets/videojs/videojs-contrib-hls.js"></script>
-<script src="/assets/videojs/videojs-media-session.js"></script>
+{% include "/html/partials/video-head-videojs.html" %}
 {% endif %}

ispooge.com-v2/scripts/env.sh

@@ -16,5 +16,5 @@ HOSTS=ispooge.com
 
 
 NAME_STATIC=ispooge.com-static
-IMAGE_STATIC=docker-registry.local:5000/ispooge.com/ispooge-static:22
+IMAGE_STATIC=docker-registry.local:5000/ispooge.com/ispooge-static:23
 IMAGE_STATIC_LOCAL=ispooge-static