YouTube

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


ダウンロード - ttml.zip


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

|

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

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

[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



アップロード時に自動生成される3つのサムネイル
どちらも同じものです
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が必要です
20分毎
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があります

基本は同じ

Website_image00280302_04043


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で再生可能なフォーマットに変換します。

1:ffmpegをダウンロードインストールする(必須)
2:YouTubeからビデオをダウンロードする
3:YouTubeからサウンドをダウンロードする
4:ビデオとサウンドを結合する

おおまかな流れは以下


Website_image00270405_160908

------------------------------
1:ffmpegをダウンロードインストールする(必須)

https://www.ffmpeg.org/

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

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


--------------------------------
2:YouTubeからビデオをダウンロードする
3:YouTubeからサウンドをダウンロードする


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

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

Website_image00270405_141122

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


Website_image00270405_141141


rangeを書き換えます

Website_image00270405_164117


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

Website_image00270405_164655

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

Website_image00270405_164815


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

Website_image00270405_165002


------------------------------
4:ビデオとサウンドを結合する

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

Website_image00270405_165628


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

Website_image00270405_165823

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

Website_image00270405_170147

|

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

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

URLの仕組みはこんな感じ

Website_image20130808_04432


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

Website_image20130808_04350_2

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


Website_image20130817_163258

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

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

20130808_010158


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

|

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


リンク先【[YouTube]Safariを使ってYouTubeのビデオをダウンロードする - YouTube】のイメージ画像
Source:【[YouTube]Safariを使ってYouTubeのビデオをダウンロードする - YouTube】    

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

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

| | トラックバック (0)

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

Website_image20120125_211215


|

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

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

Im00221123_73703

共有用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」をダウンロード

| | コメント (0)

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

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


 
Loading...
 

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

 

| | コメント (0)

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

 

クロムレス・プレイヤー[LINK]新しいウィンドで開きます
呼び出し方法2種類


 
一応Adobe BrowserLab
ブラウザ・ラボでチェックしたが
Force4u00221101_73907
なにか違う気がする..汗

 

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

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

 

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

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


| | コメント (0)

その他のカテゴリー

Accessibility AccessibilityCheck AccessibilityForm AccessibilityInDesign AccessibilityPDF Acrobat Acrobat Action Acrobat Annotation Acrobat AppleScripts Acrobat Character Acrobat Layer Acrobat PDF Embed API Acrobat PDF Form Print Acrobat Plug-ins Acrobat Portfolios Acrobat Print AcrobatBarcode AcrobatDialog AcrobatForm AcrobatJS AcrobatMenu AcrobatPDF AcrobatStamp AcrobatYouTube AddressBook Adobe Adobe InDesign Adobe Photoshop AdobeAppleScript AdobeBridge AdobeIllustrator AdobeJSX aed Alfresco Android AnimationGif Apple AppleScript AppleScriptBasics AppleScriptCharacter AppleScriptColor AppleScriptDroplet AppleScriptErrorNum AppleScriptFolder AppleScriptFontBook AppleScriptRename AppleScriptTools AppleSymbols Applications Barcode Barcode2D BarcodePostal BetterHTMLExport Book BOX Browser buzz Certificates CharacterEntity CharacterSets Colors Cool Site CSS Cutting DecoMail DecorationMail Design Desktop Diff DJ dmg DNS Documents Download DTP eBook Editer eMail Envelopes ExifTool Facebook FFmpeg File System Fonts FontsTool FontsWeb FOOD FormPrint ftp Gadget Gif Animation Google Google Chrome Enterprise HexEditor HTML info iPhoto ISBN ISO iTunes iWork iWorkNumbers iWorkNumbersCalendar iWorkNumbersTimecard iWorkPages JavaScript JeditX JeditX Regexp JeditXAppleScript JIS jquery Letterpress Library logo Mac Admin Mac Archiver Mac Browser Mac Browser Plugin Mac QuickLook Mac Setup Mac Spotlight Mac Video Map Memo Microsoft Teams Mobby mobileconfig Moto Movies Music Network Basic ntp OCR Office OfficePowerPoint OSX Paint Pantone Paper PDFlib Permission Photo Pictograms Print Public Python QuickLook QuickTime QuickTimeSetting QuickTimeSound Real Media ReName ResourceFork ruby Sample Screen ScreenCast Search Security SEO Sharing SLAResource Sound Spotlight Stamp SWF TCC.db Tutorial PSD TV Twitter Typography Unicode Utilities Video WEB APP WebFont Wedding Windows WindowsMedia XML XMP XPS YouTube YouTube Rss