【HTML5】 ZenzaWatch 開発中(Ginzaじゃないよ) 【CSS3】
閉じる
閉じる

新しい記事を投稿しました。シェアして読者に伝えましょう

×

【HTML5】 ZenzaWatch 開発中(Ginzaじゃないよ) 【CSS3】

2015-12-02 06:00
  • 117
  • 119



早い 1秒起動
軽い
HTML5
滑らか
CSS3
そして速い
速再生



ZenzaWatchは、HTML5でゼロから作ったニコニコ動画プレイヤーです。










ZenzaWatch

銀座じゃないよ前座だよ







ZenzaWatchの開発コードネームは「ギンザスレイヤー」
前座が銀座をたおすのです(※という意気込み)




使い方





リンクやサムネにマウスオーバーすると
[ Zen ] というボタンが出て・・・







クリックすると瞬時にプレイヤーが起動します。 はやい!


※このgifは早送りではありません

回線が良ければ、クリックから再生までに1秒0.5秒を切ることも。


よく、ニコニコ動画の重さについての話題になると、「低スペック乙」「お前のPCが悪い」といったやりとりが毎度のように展開されますが、
ZenzaWatchはAtomでも快適に使えるように調整しているので、大抵のマシンで問題なく動作すると思います。

Chromeとの組み合わせなら、Atomでもほぼ60fpsでコメントが流れます。
最近はRaspberry Piでもそこそこ実用的に動くらしいです。


まだまだ開発中ですが、マイリストやコメント投稿、連続再生などの基本機能はそろっています。 動画ページを行ったり来たりしないので、ニコレポやランキングのつまみ食いに大変便利です。


また、プレミアム会員は再生速度の変更も可能。
早送りはうさかめを見る時に、スロー再生はてーきゅうを見る時に便利(?)

強力な連続再生機能





マイリストや検索ページからの「シャッフル再生」が便利。
お手軽に作業用BGMを流せる





プレイリストは並び替えなどのメニューも豊富。
ドラッグで編集も可能。













画質切り替え機能






右下のメニューで、
再生中にいつでも切り替えできる。


新仕様のサーバーにも対応。










小型モニターで再生してみたり

'Project Paintball' + イカモドキ + 'CP Font'



iPadで動かしてみたり

左Firefox, 右Kitchen Stories


120Hzのモニターならコメントも120fps

メッチャなめらかなような気がする!正直よくわかりません


一般会員でも動作しますが、訴訟回避のため、一般会員は再生速度の変更ができないようになっています。NG登録件数も最大40です。(プレミアムは無制限)


スクリプトの転載や改造は自由です。作者名の表記も不要なので、自己責任で好きに使ってください。
たとえばZenzaWatchを「わしが作った」と言って学校の課題で提出したとしても、先生には怒られるかもしれませんが、自分は何も言いません。




意見要望などは、いつも返信が遅いですが目は通しています。遅くてすみません。
特に返信が不要なら、適当に2chやブログや大百科などに書いておいてもらえれば、たまにググったりして拾います。
(ただし「ZenzaWatch」でググってるので、「Zenza」だけだと見落とす可能性大)
コメント返信はしばらくお休みします。中身は読んでいます。

ここにテストのついでに書き込んでもらってもいいです。











よくありそうな質問

Q. マイリストコメントを入れたい

A. Shiftを押しながらマイリストボタンを押すと見慣れたウィンドウが出るよ。(裏技)


Q. NGワードに正規表現を使いたい
Q. ダブルクリックでフルスクリーンになるのを止めたい

A. 追加スクリプトのZenzaWatch上級者用設定を入れると設定できます


Q. Flashよりも動画の読み込みが遅い、詰まる

ZenzaWatchというよりブラウザの仕様なのですが、Flashに比べると、サーバーや回線の品質の影響を受けやすいです。 ニコニコ動画側の不調時はそれが顕著です。
また、Flashと違って、Chromeは動画の再生位置の少し先までしかダウンロードしない仕様のため、可変ビットレートの動画が多いニコニコ動画とは相性が悪そうです。


Q. マイリストから動画の削除はできないの?

実はマイリストメニューやとりまいボタンを中クリックすると削除できるのだ。(裏技)
登録するマイリストを間違えた時などに便利。


Q. TwitterやGoogleから直接ZenzaWatchは使えないの?

ニコニコ動画がhttpsに対応すれば可能。
実は今でも、httpのサイトなら数行書き換えるだけでほぼすべてのサイトで使うことは可能。
(セキュリティ的な懸念から自粛しているだけ)


Q. インストールが面倒なのでChromeのアドオンにしてほしい
Q. 他言語対応してほしい

ZenzaWatchはパブリックドメインなので、誰かが勝手にやればいいんじゃないでしょうか。 こっちに迷惑をかけない限りは、有料だろうがアプリ化だろうが自己責任で好きにやってください。
それで儲かったりしたら雇ってください。

https://github.com/segabito/ZenzaWatch githubは一応こちらです。


Q. ○○する機能がほしい。 ××の機能はないの?

初見で見つけられなかったのなら、多分ないと思います。

コメントのやりとりが苦手なので、要望などはGoogle先生のヒットする場所に書いておいてもらえれば、適当にエゴサーチして拾います。
取り入れる規準は「やるのが簡単」「意見として合理的」「面白そう」のどれかであり、声の大小は重視しません。

あとは個人の好みレベルの調整は、各自のカスタムCSS等で頑張ってほしいです。
全部を取り入れるのは無理です。
DOMの設計が腐ってるのでやりにくいと思いますが。




広告
他107件のコメントを表示
×
>177と同じくスクリプト更新で"Cannot read property 'forEach' of undefined"は解決しました。
Vivaldi v1.14.1077.55 + Tampermonkey
zenza v1.14.38 からv1.14.40にアップデート

Tampermonkeyのuserscript更新確認は信用ならんな(半ギレ)
5ヶ月前
×
Firefox最新版(Ver58.0.2-64bit版) + Violentmonkey の組み合わせで問題なくインストール・利用できています。
スクリプトの編集もViolentmonkey側からアクセスして正常に機能しております。

ショートカットキーについて少し気になった部分があります。
SHIFT+←、SHIFT+→、SHIFT+↑、SHIFT+↓ の4点はなぜSHIFTが必要なのかと疑問に思い
他のメディアプレイヤーの様に直接十字キーを押すだけで機能した方が便利なのではないかと思った次第です。

この仕様は他のメディアプレイヤー同時使用の際にキーが競合しない様にとの措置なのかと考えましたが
我が家のPCでは同時利用でもアクティブ化しているウィンドウが優先され競合が起きない事を確認出来ました。
(利用メディアプレイヤー MPC-BE 64bit v1.5.2 build3445)
5ヶ月前
×
>>121
上下キーは動画情報やらコメント一覧やら、画面モード小での元ページスクロールやらで方向キー使うんですよ。
右記のページを参考にキーバインドは変更できます。 http://tonkuma.hatenablog.com/entry/2018/03/01/012741
なお、シークに関しては低速中の微細送りがあるのでKEY_SEEK_LEFT2などのカスタマイズ用を使います。
FireFoxなら、ZenzaWatchが使えるページでShift+F4押して、必要な行を貼り付けて実行ボタン押せば良いはず。
ZenzaWatch.config.setValue('KEY_VOL_UP', 38);//UP
ZenzaWatch.config.setValue('KEY_VOL_DOWN', 40);//DOWN
ZenzaWatch.config.setValue('KEY_SEEK_LEFT2', 37);//LEFT
ZenzaWatch.config.setValue('KEY_SEEK_RIGHT2', 39);//RIGHT
上記4行を実行すればSHIFT無しで動作します。SHIFTでのシーク動作を消す場合は以下の二行も実行。
ZenzaWatch.config.setValue('KEY_SEEK_LEFT', 99999999);//LEFT
ZenzaWatch.config.setValue('KEY_SEEK_RIGHT', 99999999);//RIGHT
あとはリロードか何かすれば反映されます。元に戻すなら以下の6行を実行。
ZenzaWatch.config.setValue('KEY_SEEK_LEFT', 37 + 0x1000);//LEFT
ZenzaWatch.config.setValue('KEY_SEEK_RIGHT', 39 + 0x1000);//RIGHT
ZenzaWatch.config.setValue('KEY_VOL_UP', 38 + 0x1000);//UP
ZenzaWatch.config.setValue('KEY_VOL_DOWN', 40 + 0x1000);//DOWN
ZenzaWatch.config.setValue('KEY_SEEK_LEFT2', 99999999);//LEFT
ZenzaWatch.config.setValue('KEY_SEEK_RIGHT2', 99999999);//RIGHT
5ヶ月前
×
拡張マイリストの登録ボタンが表示されるようにはできないでしょうか
5ヶ月前
×
TwitterへのシェアメニューとしてタイトルとURLのテンプレを出力するメニューほしいです
3ヶ月前
×
俺だけかもしれませんが、画質を1080pに設定しても、読み込まれるのが360pの動画になります。
普通にブラウザで見る分には1080pで再生できるので、回線速度の問題ではないと思います。
3ヶ月前
×
要望です。
上級者用の正規表現NG機能を
行で管理できるようにしてほしいです。
2ヶ月前
×
(く)になってから新しく投稿された動画の高画質版が選択できなくなってますね。
また鯖が別物に変わったんでしょうかね?
1ヶ月前
×
(く)1080p動作確認済み
1ヶ月前
×
画面モード「大」のサイズがなんか小さくなった気がします。
3週間前
コメントを書く
コメントをするには、
ログインして下さい。