notes.html

   1 <html>
   2     <head>
   3         <meta charset="utf-8">
   4         <style>
   5             div[id^="slide-"] {
   6                 display: none;
   7             }
   8
   9          body {
  10              font-size:20px;
  11          }
  12
  13          li {
  14              margin-bottom:10px;
  15          }
  16         </style>
  17     </head>
  18     <body>
  19         <div id="notes" >
  20             hello
  21         </div>
  22     </body>
  23     <script>
  24      var bc = new BroadcastChannel('test_channel');
  25      bc.onmessage = function (ev) { changeNotes(ev.data); } /* receive */
  26
  27      function changeNotes(notes) {
  28          window.console.log(notes);
  29          document.getElementById('notes').innerHTML = notes;
  30      }
  31
  32     </script>
  33 </html>