boram.user.js

// ==UserScript==
// @name        boram
// @namespace   https://2chk.hk/boram
// @description Boramify media threads at 2ch.hk
// @include     https://2ch.hk/*
// @version     0.0.2
// @grant       none
// ==/UserScript==

var BORAM = "data:image/png;base64,\
iVBORw0KGgoAAAANSUhEUgAAADIAAAALCAYAAAA9St7UAAADGklEQVRIx91VX0jTURRWE0PqQQ2F\
FAndYFu66eaTWaQRBdKktDQLpAwyhQgmQZqQ9gfB6CEkJDUTkZDSyGBi2INUCxNKEqOXoJmlw2ZF\
aSWB6zvx3bjMCb30UIPDveec7/z5zr33t7CMjIzpzMzMz1ar1Rz2L//sdrvf4XAE0tPTLf8NEaPR\
uDotLS1qBdwGYIptNtt+nF6q7oPdYDKZ8pDHaLFY1gOzF6ccQ3cEcm6DrRTrZujhf5UIrlgv9nOi\
o2ibRmgVmroCzHxWVlZABPuvwLTm5uZGCgD+JrFj7YZMyB5+J8QE/YmKE0Gd+8gdx9zhzjpDhZAN\
1RuwN9HPIAbXgPUx5AFsO2VQ2Hsg49A7DAZDwi8iUgDrR4gU/cGCx9nkGfp9SFALqZE9G68n5jwx\
M5AJxPbglDZh30ecG3qJIgV/oyJSP5w3dXIge9RZl7wjxJB9HNw3xD7EugibF+snrC8gk8zf+ZsI\
lEMMbqN+m/qY3nRQ46O6jgJ+NJyscJjkbviOonE7cRcYd0cRcQ3YJ2vHzIEaj23hyPWNvdll0UnB\
RBDfTt3NXqbMZvM65K9gvvFljx0TryL4kbwZOSlelVKtQBkxPl49RWxYnygKZaOJPikEzFtg/CQ8\
qIhU9lkmXZ6UgEi1JzVQ1Z/qc55NaIAvUiNSzrqdrNPPt1nIfDPLiKDgCVWMROaCicjpMeG03G+N\
iFsjEQv7a9qFzCkhFUyk/EaKt3IoKaDk2L3EpcLmuBFHUZRNEZE3wbqtzNfFN7SLun8ZEeg9nPZV\
0eF7yqmc04hcZAJP0FVza6dWwKYXMZB44m4RN6SIHLiW6D3cHx8Q2dce+2aLa02NnLJ+teSK6kSw\
dqxIBM4RETiWIPMI3kpwHRua5WOvx/4DyblWIoLPcQ5wS8Rdgq8FMkvcK8TkC5E9zTHeoo61C3mn\
o7uTC8ISQz32PyIC4wA276Uo1u/QnyPwoJYvAs1fhu+L+oTKu4GtSf0nQG+kfTDo89mlyMD3DnoJ\
1pcczDOJz6mOumstjtwe6vMrd199ylmnhbnaSSyf+uxPNfS0i1lnAwoAAAAASUVORK5CYII=";

function boramify(imgs) {
  Array.prototype.forEach.call(imgs, function(img) {
    img.src = BORAM;
  });
}

function initBoram() {
  boramify(document.querySelectorAll("img[id^=webm-icon]"));
  var Observer = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
  var observer = new Observer(function(mutations) {
    mutations.forEach(function(mutation) {
      Array.prototype.forEach.call(mutation.addedNodes, function(node) {
        boramify(node.querySelectorAll("img[id^=webm-icon]"));
      });
    });
  });
  var posts = document.querySelector(".thread");
  var threads = document.getElementById("posts-form");
  if (posts) observer.observe(posts, {childList: true});
  if (threads) observer.observe(threads, {childList: true});
}

initBoram();