Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Chromeコンソールで動画みたい

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Amagi Amagi
June 16, 2014
Technology
240
0

 Chromeコンソールで動画みたい

ブログ記事
http://amagitakayosi.hatenablog.com/entry/2014/05/07/103737

Avatar for Amagi

Amagi

June 16, 2014

More Decks by Amagi

See All by Amagi
Enchant your website with VFX-JS
Avatar for Amagi fand
0
170
How to hack VS Code: evil ways (Japanese)
Avatar for Amagi fand
5
3.7k
READY FOR THE BATTLE? -Introduction to Live Coding-
Avatar for Amagi fand
1
590
GLSL PostEffect in TouchDesigner
Avatar for Amagi fand
2
2.1k
VEDA GLSL Livecoding workshop
Avatar for Amagi fand
2
5.4k
PWA 方法 無料 今すぐ
Avatar for Amagi fand
3
1.6k
Have you ever heard GPUs cry?
Avatar for Amagi fand
2
4k
Real World GLSL
Avatar for Amagi fand
0
320
APIs for VJ-ing
Avatar for Amagi fand
1
7.1k

Other Decks in Technology

See All in Technology
FPGAの開発コンペでZephyrを使ってみた
Avatar for misoji engineer iotengineer22
0
220
ご挨拶「10周年を迎える共創ラボのこれまでとこれから」
Avatar for AIxIoTビジネス共創ラボ iotcomjpadmin
0
150
水を運ぶ人としてのリーダーシップ
Avatar for izumii19 izumii19
4
1.1k
AWS Security Agent といっしょに脅威モデリングをやってみよう
Avatar for amarelo_n24 amarelo_n24
1
210
FPC(フレキシブル)基板にZephyr実装してみた。
Avatar for misoji engineer iotengineer22
0
180
GitHub Copilot運用のリアル ～AI Credit時代にどう向き合うか～
Avatar for takafumi suzuki takafumisu2uk1
0
480
技術・能力を向上する原理原則 #きのこセッションa #きのこ2026
Avatar for bash0C7 bash0c7
0
140
Lightning近況報告
Avatar for Koji NAKAMURA kozy4324
0
230
PostgreSQL 19 新機能概要 OSC Hokkaido 2026
Avatar for Noriyoshi Shinoda nori_shinoda
0
260
Amazon Redshift zero-ETL 統合を活用した軽量なマルチプロダクトデータ可視化基盤 / Lightweight Multi-Product Data Visualization with Amazon Redshift Zero-ETL
Avatar for 株式会社カミナシ kaminashi
0
110
脱SaaS！FDEを支えるプロビジョニングと分離設計
Avatar for Kenichi SUZUKI knih
0
300
スタートアップにAmazon EKSは早すぎる？ マルチプロダクト戦略を加速する Platform Engineeringの実践 / Is Amazon EKS Too Soon for Startups? Practical Platform Engineering to Accelerate a Multi-Product Strategy
Avatar for elmo elmodev09
1
1.9k

Featured

See All Featured
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
210
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
870
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
123
22k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
240
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
740
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
3
1.1k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
210
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
350
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
3.5k

Transcript

  1. Chromeコンソールで動画みたい @amagitakayosi CS専攻 M2

  2. Google Chrome使ってる人

  3. デバッグコンソール

  4. 不便

  5. YouTube観たい

  6. やってみた

  7. console.image

  8. 便利

  9. Console.imageのしくみ • console.log( “%c”, “background: url(‘hoge.jpg’)” );

  10. Youtube-dl

  11. Youtube-dl • Python製 • 異常な対応サイト数

  12. いけそう

  13. console.tubeのしくみ • canvas.drawImage(video); • var url = canvas.toDataURL(); • console.log(

    “%c”, “background: url(‘” + url + ”’)” ); • setInterval();

  14. Youtube-dl、Streamで使いたい

  15. None

  16. YouStream • 今のところ – Dailymotion – Youtube – Vimeo –

    ニコニコ に対応 • 寄生型コンテンツが簡単に作れる