HTML5の
ニコニコ動画
プレイヤーを作る

@hakatashi

私立プログラミングキャンプ2015 東京大会 成果発表

説明不要
デモあるのみ

補足

  • https://github.com/hakatashi/HTML5-niconicoplayer
  • Video.jsのプラグインとして製作
  • 生のコメントファイルがそのまま使える
  • 構想は今年1月からあった
<video id="video" class="video-js vjs-default-skin" controls>
  <source src="video.mp4" type="video/mp4">
  <track kind="subtitles" src="comment.xml" srclang="ja" class="vjs-niconico-comment-file">
</video>
<div class="vjs-commentlist"></div>

問題点

  • Flashより重い
    • IEだとサクサク、動画を外部ソースの<iframe>とかにすると壊滅的
  • 職人コメントが崩れる
  • コードが汚い
  • いろいろ未対応

1日間ありがとうございました

HTML5のニコニコ動画プレイヤーを作る

By Koki Takahashi

HTML5のニコニコ動画プレイヤーを作る

私立プログラミングキャンプ東京大会 2015 最終成果発表

  • 1,877