[TTML]60分カウントアップ カウントダウン

---

ダウンロード - ttml.zip

---

https://www.youtube.com/watch?v=AX_9N5VK1UY

【過去記事フォロー】YouTubeのサムネイル

以下２点の記事のフォロー記事になります

[YouTube]YouTubeのサムネイル画像
（default.jpg　mqdefault.jpg　hqdefault.jpg　sddefault.jpg　maxresdefault.jpg）
https://force4u.cocolog-nifty.com/skywalker/2013/08/youtubeyoutubed.html

【過去記事フォロー】[YouTube]YouTubeのサムネイル画像
（default.webp　mqdefault.webp　hqdefault.webp　sddefault.webp　maxresdefault.webp）
https://force4u.cocolog-nifty.com/skywalker/2016/03/youtubeyoutubed.html

---

アップロード時に自動生成される３つのサムネイル
どちらも同じものです
https://img.youtube.com/vi/UMRtw9HA_iM/0.jpg
https://img.youtube.com/vi/UMRtw9HA_iM/1.jpg
https://img.youtube.com/vi/UMRtw9HA_iM/2.jpg
https://img.youtube.com/vi/UMRtw9HA_iM/3.jpg

webpもあります
https://i.ytimg.com/vi_webp/UMRtw9HA_iM/0.webp
https://i.ytimg.com/vi_webp/UMRtw9HA_iM/1.webp
https://i.ytimg.com/vi_webp/UMRtw9HA_iM/2.webp
https://i.ytimg.com/vi_webp/UMRtw9HA_iM/3.webp

(i.ytimg.comとi1.ytimg.comからi9.ytimg.comまで
https://i×.ytimg.com/vi/UMRtw9HA_iM/0.jpg
https://i×.ytimg.com/vi/UMRtw9HA_iM/1.jpg
https://i×.ytimg.com/vi/UMRtw9HA_iM/2.jpg
https://i×.ytimg.com/vi/UMRtw9HA_iM/3.jpg

webpもあります
https://i×.ytimg.com/vi_webp/UMRtw9HA_iM/0.webp
https://i×.ytimg.com/vi_webp/UMRtw9HA_iM/1.webp
https://i×.ytimg.com/vi_webp/UMRtw9HA_iM/2.webp
https://i×.ytimg.com/vi_webp/UMRtw9HA_iM/3.webp

---

1280サイズにはこんなURLもあります
https://i.ytimg.com/vi/yoQyiEGyVJY/hq720.jpg
https://i.ytimg.com/vi/yoQyiEGyVJY/hq720_1.jpg
https://i.ytimg.com/vi/yoQyiEGyVJY/hq720_2.jpg
https://i.ytimg.com/vi/yoQyiEGyVJY/hq720_3.jpg

https://img.ytimg.com/vi/yoQyiEGyVJY/hq720.jpg
https://img.ytimg.com/vi/yoQyiEGyVJY/hq720_1.jpg
https://img.ytimg.com/vi/yoQyiEGyVJY/hq720_2.jpg
https://img.ytimg.com/vi/yoQyiEGyVJY/hq720_3.jpg

同様にWEBPもあります
https://i.ytimg.com/vi_webp/yoQyiEGyVJY/hq720.webp
https://i.ytimg.com/vi_webp/yoQyiEGyVJY/hq720_1.webp
https://i.ytimg.com/vi_webp/yoQyiEGyVJY/hq720_2.webp
https://i.ytimg.com/vi_webp/yoQyiEGyVJY/hq720_3.webp

https://img.ytimg.com/vi_webp/yoQyiEGyVJY/hq720.webp
https://img.ytimg.com/vi_webp/yoQyiEGyVJY/hq720_1.webp
https://img.ytimg.com/vi_webp/yoQyiEGyVJY/hq720_2.webp
https://img.ytimg.com/vi_webp/yoQyiEGyVJY/hq720_3.webp

---

ショート用の縦長サムネイルは
https://i.ytimg.com/vi/yoQyiEGyVJY/frame0.jpg
https://img.ytimg.com/vi/yoQyiEGyVJY/frame0.jpg

---

タイムライン用の画像はセッションIDが必要です
２０分毎
https://i.ytimg.com/sb/UMRtw9HA_iM/storyboard3_L1/Mx.jpg→Mxx.jpg

https://i.ytimg.com/sb/UMRtw9HA_iM/storyboard3_L2/Mx.jpg→Mxx.jpg

プレイリスト用のアイコンもセッションIDが必要です
https://i.ytimg.com/s_p/OLAK5uy_mPLMmsDItOgtsIL56n4_d8GzyQXECP1Zc/mqdefault.jpg
https://i.ytimg.com/s_p/OLAK5uy_mPLMmsDItOgtsIL56n4_d8GzyQXECP1Zc/mqdefault.jpg

【過去記事フォロー】[YouTube]YouTubeのサムネイル画像（default.webp mqdefault.webp hqdefault.webp sddefault.webp maxresdefault.webp）

こちらの記事
[YouTube]YouTubeのサムネイル画像（default.jpg　mqdefault.jpg　hqdefault.jpg　sddefault.jpg　maxresdefault.jpg）
の
追記

----
サムネイル画像には
jpg以外にwebpLINKがあります

基本は同じ

例
120x90
http://i.ytimg.com/vi_webp/XRsWJ_k6K18/default.webp
320x180
http://i.ytimg.com/vi_webp/XRsWJ_k6K18/mqdefault.webp
480x360
http://i.ytimg.com/vi_webp/XRsWJ_k6K18/hqdefault.webp
640x480
http://i.ytimg.com/vi_webp/XRsWJ_k6K18/sddefault.webp
1280x720　又は　1048x576
http://i.ytimg.com/vi_webp/XRsWJ_k6K18/maxresdefault.webp

https:でも可

webp対応のブラウザなら
通常のimgタグでOK
default.webp

↑
ここに画像が出ているなら
WEBP対応のブラウザって事になります

[MPEG-DASH]YouTubeビデオをダウンロードする。（2014-15版）

MPEG-DASHとなったYoutubeのビデオをダウンロードして
QuickTimeで再生可能なフォーマットに変換します。
最近は便利なツールが出ていますが
MPEG-DASH形式のビデオとサウンドをQuickTimeで再生可能なフォーマットに変換します。

１：ffmpegをダウンロードインストールする（必須）
２：YouTubeからビデオをダウンロードする
３：YouTubeからサウンドをダウンロードする
４：ビデオとサウンドを結合する

おおまかな流れは以下

------------------------------
１：ffmpegをダウンロードインストールする（必須）

https://www.ffmpeg.org/

ソースからコンパイルしても良いですし
コンパイル済みのバイナリーを入手しても良いでしょう
http://evermeet.cx/ffmpeg/

32bit版はこちらから（64bit版もあります）
http://ffmpegmac.net/

--------------------------------
２：YouTubeからビデオをダウンロードする
３：YouTubeからサウンドをダウンロードする

以前紹介した方法と同じです
https://force4u.cocolog-nifty.com/skywalker/2012/01/youtubesafariyo.html

Safariで行ないます。
（Chromeだとmp4ではなくWEBM形式になるので、解りやすくするためです）
サウンド部とビデオ部にわかれています

この部分のURLを
コピーして

rangeを書き換えます

書き換えたURLをダウンロードします。
ビデオとサウンドをそれぞれダウンロードしましょう

ダウンロードすると以下のようになります

このファイルはDASH形式なので、そのままではQuickTimeで再生出来ません。

------------------------------
４：ビデオとサウンドを結合する

ffmpegを利用して、ビデオとサウンドを結合JOINします。

構文は以下
ffmpeg　-i ビデオファイル　-i　サウンドファイル　 -acodec copy -vcodec copy　出力ファイル

ちなみに自分の場合は以下

/usr/local/bin/ffmpeg -i /Users/Shared/Downloads/videoplayback.mp4 -i /Users/Shared/Downloads/videoplayback.m4a -acodec copy -vcodec copy /Users/Shared/Downloads/output.mp4

すると
mp４ファイルが出来上がります。

再生可能で音もチャンと出るようになります。

[YouTube]YouTubeのサムネイル画像（default.jpg mqdefault.jpg hqdefault.jpg sddefault.jpg maxresdefault.jpg）

YouTubeのサムネイル画像サイズとURL

URLの仕組みはこんな感じ

XXXXXの部分が
default.jpg　mqdefault.jpg　hqdefault.jpg　sddefault.jpg　maxresdefault.jpg
となっていて
APIで有無を取得出来ます

画像のサイズはそれぞれ
default.jpg　120x90
mqdefault.jpg　320x180
hqdefault.jpg　480x360
sddefault.jpg　640x480
maxresdefault.jpg　1280x720　と
思っていましたが
maxresdefault.jpg　に1048x576サイズがある事に今日気がついた

maxresdefaultのサイズが1280x720　なのか？　1048x576なのか？は
どうやって調べるんだろ…汗

たぶん
"definition": "hd",　　1280x720　
"definition": "sd",　　1048x576　だと思われるがAPIのドキュメントでは確認出来なかった

こちらに
フォロー記事があります
【過去記事フォロー】[YouTube]YouTubeのサムネイル画像（default.webp　mqdefault.webp　hqdefault.webp　sddefault.webp　maxresdefault.webp）

[YouTube]Safariを使ってYouTubeのビデオをダウンロードする

Source:【[YouTube]Safariを使ってYouTubeのビデオをダウンロードする - YouTube】  

http://goo.gl/ZCyNT
Source:[YouTube]Safariを使ってYouTubeのビデオをダウンロードする - YouTube

続きを読む "[YouTube]Safariを使ってYouTubeのビデオをダウンロードする"

[ダウンローダー]配信方法が変わったYouTubeでもダウンロード出来るVideobox

[YouTube]Chromelessプレイヤータグ【AppleScript】

YouTubeのクロムレスプレイヤー用のタグを
AppleScriptで作ります。

共有用URLから生成します。

display dialog "ShareからコピーしたURLを入力" default answer "" with icon 1 default button 2

set GetUrl to text returned of the result as Unicode text

set CntGetUrl to the length of characters of GetUrl

considering case

set cn to the offset of "v=" in GetUrl

end considering

set Vid to characters (cn + 2) thru (cn + 12) of GetUrl as Unicode text

set h_width to "570" as number

set v_hight to (h_width / 16 * 9) as integer

set HTMLtag to "" as Unicode text

set HTMLtag to HTMLtag & "<script src=\"http://www.google.com/jsapi\" type=\"text/javascript\"></script>" & return as Unicode text

set HTMLtag to HTMLtag & "<script type=\"text/javascript\" charset=\"utf-8\">google.load(\"swfobject\", \"2.2\");</script>" & return as Unicode text

set HTMLtag to HTMLtag & "<div id=\"videoDiv\">Loading...</div> " & return as Unicode text

set HTMLtag to HTMLtag & "<script type=\"application/javascript\" language=\"javascript\"> " & return as Unicode text

set HTMLtag to HTMLtag & "function updateHTML(elmId, value) {" & return as Unicode text

set HTMLtag to HTMLtag & "document.getElementById(elmId).innerHTML = value;}" & return as Unicode text

set HTMLtag to HTMLtag & "function onYouTubePlayerReady(playerId) {" & return as Unicode text

set HTMLtag to HTMLtag & "ytplayer = document.getElementById(\"ytPlayer\");" & return as Unicode text

set HTMLtag to HTMLtag & "ytplayer.cueVideoById(\"" & Vid & "\");}" & return as Unicode text

set HTMLtag to HTMLtag & "function loadPlayer() {" & return as Unicode text

set HTMLtag to HTMLtag & "var params = { allowScriptAccess: \"always\" };" & return as Unicode text

set HTMLtag to HTMLtag & "var atts = { id: \"ytPlayer\" };" & return as Unicode text

set HTMLtag to HTMLtag & "swfobject.embedSWF(\"http://www.youtube.com/apiplayer?\" +" & return as Unicode text

set HTMLtag to HTMLtag & "\"enablejsapi=1&version=3&enablejsapi=1&playerapiid=player1\", " & return as Unicode text

set HTMLtag to HTMLtag & "\"videoDiv\", \"" & h_width & "\", \"" & v_hight & "\", \"10.0.0\", null, null, params, atts);}" & return as Unicode text

set HTMLtag to HTMLtag & "function _run() {" & return as Unicode text

set HTMLtag to HTMLtag & "loadPlayer();}" & return as Unicode text

set HTMLtag to HTMLtag & "google.setOnLoadCallback(_run);" & return as Unicode text

set HTMLtag to HTMLtag & "</script> " & return as Unicode text

display dialog "タグが出来ましたコピーしてください" default answer HTMLtag with icon 1 default button 1

「Chromeless.zip」をダウンロード

「Chromeless.html」をダウンロード

[JSON]やっと理解出来て...もう少しかな【YouTube】

YouTubeのビデオデータについて
JSON形式での取得について
もう一息で理解できそう、結構便利かもしれない。
JSON形式のデータはAdobe製品も積極サポートなので
データの流し込みとかで使うんだろうな。


 

Loading...

 

「YouTubeGetdat.html.txt」をダウンロード

 

[YouTube]クロムレス・プレイヤー

クロムレス・プレイヤー[LINK]の
呼び出し方法２種類

 
一応Adobe BrowserLab
ブラウザ・ラボでチェックしたが

なにか違う気がする..汗

とりあえず
swfobject.jsで埋め込み全画面
[open]

swfobject+JavaScriptAPI
インターフェイス無しの全画面
[open]

好みの別れるところだと思いますが
私は普通にswfobjectで埋め込んだ方がスマートだと...

組み込みで色々なビデオを呼び出すなら
swfobject+JavaScriptAPIかな