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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
310
APIs for VJ-ing
Avatar for Amagi fand
1
7.1k

Other Decks in Technology

See All in Technology
もりもり新機能を一挙紹介！ AgentCoreに入門して、AWS上にAIエージェントを構築しよう
Avatar for みのるん minorun365
PRO
6
850
Diagnosing performance problems without the guesswork
Avatar for Elena Tanasoiu elenatanasoiu
0
170
非定型業務をAI slackbotで自動化する ~ 社内要望を自動壁打ちするbotを作った ~/automating-ad-hoc-work-with-ai-slackbot
Avatar for shibayu36 shibayu36
0
400
ポケモンの型をTypeScriptの型システムで表現してみた
Avatar for subroh_0508 subroh0508
0
350
protovalidate-es を導入してみた
Avatar for 弁護士ドットコム bengo4com
0
160
SIer20年！ 培ったスキルがスタートアップで輝く時
Avatar for しゅういちろ shucho0103
0
770
Platform engineering for developers, architects & the rest of us (AI agents)
Avatar for danielbryantuk danielbryantuk
0
190
AIにフローを作らせようとして挫折した話
Avatar for 濱津 太一｜ユースフル hamatsutaichi
0
230
Socrates × Looker　〜セマンティックレイヤーで進化するデータ分析エージェント〜
Avatar for Uchide Hiroki(ucchi-) hanon52_
1
600
「気づいたら仕事が終わっている」バクラクAIエージェント本番運用の裏側 / layerx-bakuraku-aie2026
Avatar for Yuya Matsumura yuya4
19
11k
「コーディング」しない人のための Claude Code 入門　ChatGPT の次の一歩 — 業務に組み込む 育成・共有・自動化
Avatar for ふくだ（fukuda ryu） rfdnxbro
2
1.2k
Databricks における 生成AIガバナンスの実践
Avatar for Takaaki Yayoi taka_aki
1
350

Featured

See All Featured
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
1.2k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
200
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
290
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
400
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
380
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
1
340
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
150
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
220

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 –

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