hls.js – клиент для HTTP live стримминга

hls.js – это библиотека JavaScript, которая реализует клиент HTTP Live Streaming. Для воспроизведения он использует HTML5-видео и расширения MediaSource. Он работает путем преобразования транспортного потока MPEG-2 и потоков AAC / MP3 во фрагменты ISO BMFF (MP4). Это преобразование может выполняться асинхронно с помощью Web Worker, если он доступен в браузере. hls.js также поддерживает HLS + fmp4

https://github.com/video-dev/hls.js/ | Демо

halfmoon – скрипт переключения в dark mode (поодерживает twitter bootstrap)

<!-- HTML -->
<button class="btn btn-primary" type="button" onclick="toggleDemo()">Click me!</button>

<!-- JavaScript -->
<script src="path/to/halfmoon.js"></script>
<script type="text/javascript">
  // Dark mode toggle demo
  function toggleDemo() {
    halfmoon.toggleDarkMode();
  }
</script>

https://www.gethalfmoon.com/

sysend.js – скрипт передачи сообщений между вкладками одного браузера

window.onload = function() {
    sysend.on('foo', function(message) {
        console.log(message);
    });
    var input = document.getElementsByTagName('input')[0];
    document.getElementsByTagName('button')[0].onclick = function() {
        sysend.broadcast('foo', {message: input.value});
    };
};

https://github.com/jcubic/sysend.js

EasyGrid – создание гридов на vanilla JS

document.addEventListener("DOMContentLoaded", function() {
     var demo1 = new EasyGrid({
       selector: "#grid",
       dimensions: {
         width: "150",
         height: "270",
         margin: "5",
         minHeight: "20", // if height is "random"
         maxHeight: "40"  // if height is "random"
       },
       animations: {
         fadeInSpeed: "100",
         addItemSpeed: "100"
       },
       style: {
         background: "transparent",
         borderRadius: "5"
       }
     });
     
     // Add items to Grid
     demo1.AddItem({
        items: "HTML Element"
     });
});

https://github.com/BMSVieira/EasyGrid

Scroll Up