Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Chromeコンソールで動画みたい
Search
Amagi
June 16, 2014
Technology
0
230
Chromeコンソールで動画みたい
ブログ記事
http://amagitakayosi.hatenablog.com/entry/2014/05/07/103737
Amagi
June 16, 2014
Tweet
Share
More Decks by Amagi
See All by Amagi
Enchant your website with VFX-JS
fand
0
110
How to hack VS Code: evil ways (Japanese)
fand
5
3.6k
READY FOR THE BATTLE? -Introduction to Live Coding-
fand
1
530
GLSL PostEffect in TouchDesigner
fand
2
2k
VEDA GLSL Livecoding workshop
fand
2
5.2k
PWA 方法 無料 今すぐ
fand
3
1.5k
Have you ever heard GPUs cry?
fand
2
3.8k
Real World GLSL
fand
0
270
APIs for VJ-ing
fand
1
6.9k
Other Decks in Technology
See All in Technology
How Do I Contact HP Printer Support? [Full 2025 Guide for U.S. Businesses]
harrry1211
0
130
QuickSight SPICE の効果的な運用戦略~S3 + Athena 構成での実践ノウハウ~/quicksight-spice-s3-athena-best-practices
emiki
0
260
モニタリング統一への道のり - 分散モニタリングツール統合のためのオブザーバビリティプロジェクト
niftycorp
PRO
1
360
Operating Operator
shhnjk
1
650
いつの間にか入れ替わってる!?新しいAWS Security Hubとは?
cmusudakeisuke
0
160
Sansanのデータプロダクトマネジメントのアプローチ
sansantech
PRO
0
230
敢えて生成AIを使わないマネジメント業務
kzkmaeda
2
510
cdk initで生成されるあのファイル達は何なのか/cdk-init-generated-files
tomoki10
1
550
Amplify Gen2から知るAWS CDK Toolkit Libraryの使い方/How to use the AWS CDK Toolkit Library as known from Amplify Gen2
fossamagna
1
250
SREの次のキャリアの道しるべ 〜SREがマネジメントレイヤーに挑戦して、 気づいたこととTips〜
coconala_engineer
1
1.3k
Rethinking Incident Response: Context-Aware AI in Practice
rrreeeyyy
1
410
話題の MCP と巡る OCI RAG ソリューションの旅 - Select AI with RAG と Generative AI Agents ディープダイブ
oracle4engineer
PRO
5
110
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
How GitHub (no longer) Works
holman
314
140k
Balancing Empowerment & Direction
lara
1
440
The Language of Interfaces
destraynor
158
25k
Designing for humans not robots
tammielis
253
25k
Embracing the Ebb and Flow
colly
86
4.7k
How to Think Like a Performance Engineer
csswizardry
25
1.7k
How STYLIGHT went responsive
nonsquared
100
5.6k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Typedesign – Prime Four
hannesfritz
42
2.7k
Transcript
Chromeコンソールで動画みたい @amagitakayosi CS専攻 M2
Google Chrome使ってる人
デバッグコンソール
不便
YouTube観たい
やってみた
console.image
便利
Console.imageのしくみ • console.log( “%c”, “background: url(‘hoge.jpg’)” );
Youtube-dl
Youtube-dl • Python製 • 異常な対応サイト数
いけそう
console.tubeのしくみ • canvas.drawImage(video); • var url = canvas.toDataURL(); • console.log(
“%c”, “background: url(‘” + url + ”’)” ); • setInterval();
Youtube-dl、Streamで使いたい
None
YouStream • 今のところ – Dailymotion – Youtube – Vimeo –
ニコニコ に対応 • 寄生型コンテンツが簡単に作れる