ChromeのコンソールでYoutubeを観るやつ作った - マルシテイア
便利 fand/console-tube · GitHub 何これ 普通にインターネットしてると一日数回、Chromeのデバッグコンソールでyoutube動画見たくなる事がある。 デバッグ中、「あっYoutube観なきゃｍ，見る必要がある」ってなる。 おもむろにタイプ 観れた! 音も出る！ 使い方 README.md参照。 どうなってｒの console.tube(url) すると、現在ページに隠しvideo, canvasを追加 予め立てたexpressサーバにurl渡して、動画をストリームで返す。 canvasにvideo描画 定期的に console.log("%c", "background: url(" + canvas.toDataURL() + ")"); する 小話 console.imageっていう便利ライブラリあって、真似したかった。 最初、Youtubeから直接動画読
canvasのgetImageData(), toDataURL()などにおけるCORSについて - 愛と勇気と缶ビール
僕のcanvas力はいまだ中学生男子並みなので、そもそもcanvasの一部のAPIにSame Origin Policy的なものが適用されることすら今日まで知らなかったのですが、どうやら 違う生成元がsrcに指定されているimgをputImageData -> その描画領域をgetImageDataしようとするとDOM Exception という感じに、普通に怒られちゃうみたいですね。知らんかった。 http://www.w3.org/TR/cors/#use-cases ↑のあたりに書いてあるのをみると、taintedなcanvas、というのですかね。getImageDataで同じ生成元から読み込んだimgの描画部分を指定しても怒られないけど、違う生成元の画像を描画した部分に少しでもかかっていると怒られるので、canvasってピクセルごとに "taintedか、そうでないか" を管理して
H5-大
Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.Created with Sketch.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
