hexo-tag-mmedia-0.x/util/tag/bilibili.js

A media tag for Hexo

const BaseTag = require("./base"),
  Constant = require("../constant"),
  extractOptionValue = require("../util").extractOptionValue,
  throwError = require("../util").throwError,
  BILIBILI_TAG_OPTION = Constant.BILIBILI_TAG_OPTION;

class BiliBiliTag extends BaseTag {
  constructor(hexo, args) {
    super(hexo, args);
    this.bilibiliConfig = this.config.get("bilibili");
    this.settings = this.parse(args);
  }

  parse(options) {
    let settings = Object.assign(
      {},
      BILIBILI_TAG_OPTION,
      this.bilibiliConfig.default
    );
    options.forEach((option, index) => {
      switch (true) {
        case option.startsWith("av:"):
          settings.aid = extractOptionValue(option).replace(/[^0-9]/gi, "");
          break;
        case option.startsWith("aid:"):
          settings.aid = extractOptionValue(option);
          break;
        case option.startsWith("bvid:"):
          settings.bvid = extractOptionValue(option);
          break;
        case option.startsWith("page:"):
          settings.page = extractOptionValue(option);
          break;
        case option.startsWith("quality:"):
          settings.quality = extractOptionValue(option);
          break;
        case option.startsWith("danmaku:"):
          settings.danmaku = extractOptionValue(option);
          break;
        case option === "danmaku":
          settings.danmaku = true;
          break;
        case option.startsWith("allowfullscreen"):
          settings.allowfullscreen = extractOptionValue(option) === "true";
          break;
        case option.startsWith("width:"):
          settings.width = extractOptionValue(option);
          break;
        case option.startsWith("max_width:"):
          settings.max_width = extractOptionValue(option);
          break;
        case option.startsWith("margin:"):
          settings.margin = extractOptionValue(option);
          break;
      }
    });
    return settings;
  }

  generate() {
    let {
      aid,
      bvid,
      page,
      quality,
      danmaku,
      allowfullscreen,
      width,
      max_width,
      margin,
    } = this.settings;
    let id = bvid == null ? `aid=${aid}` : `bvid=${bvid}`;
    return `
        <style>.bbplayer{width: ${width}; max-width: ${max_width}; margin: ${margin}}</style>
        <div class="bbplayer">
        <iframe class="bbplayer" id="${
          this.tagId
        }" src="//player.bilibili.com/player.html?${id}&page=${page}&high_quality=${
      quality == "high" ? 1 : 0
    }&danmaku=${danmaku}"
            allowfullscreen="${
              allowfullscreen == "allowfullscreen" || allowfullscreen == "true"
                ? "allowfullscreen"
                : "no"
            }"
            scrolling="no" frameborder="0" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"></iframe>
        </div>
        <script>
            document.getElementById("${
              this.tagId
            }").style.height=document.getElementById("${
      this.tagId
    }").scrollWidth\*0.76+"px";
            window.onresize = function(){
              document.getElementById("${
                this.tagId
              }").style.height=document.getElementById("${
      this.tagId
    }").scrollWidth\*0.76+"px";
            };
        </script>
        `;
  }
}

module.exports = BiliBiliTag;