youtube-dl - 使用筆記
on 2019-11-04
youtube-dl - 使用筆記
youtube-dl 是一個跟影音相關方便使用的 cli 工具
這裡筆記一下一些用法
列出該影片可以下載的 format
youtube-dl -F <URL>
output
[youtube] e17Um7wExuQ: Downloading webpage
[youtube] e17Um7wExuQ: Downloading video info webpage
[info] Available formats for e17Um7wExuQ:
format code extension resolution note
249 webm audio only tiny 54k , opus @ 50k (48000Hz), 192.69KiB
250 webm audio only tiny 72k , opus @ 70k (48000Hz), 255.58KiB
140 m4a audio only tiny 130k , m4a_dash container, mp4a.40.2@128k (44100Hz), 476.29KiB
251 webm audio only tiny 138k , opus @160k (48000Hz), 500.94KiB
278 webm 82x144 144p 32k , webm container, vp9, 30fps, video only, 105.14KiB
160 mp4 82x144 144p 43k , avc1.4d400b, 30fps, video only, 147.87KiB
242 webm 136x240 144p 72k , vp9, 30fps, video only, 224.00KiB
133 mp4 136x240 144p 90k , avc1.4d400c, 30fps, video only, 303.08KiB
243 webm 202x360 240p 130k , vp9, 30fps, video only, 379.65KiB
134 mp4 202x360 240p 219k , avc1.4d400d, 30fps, video only, 659.67KiB
244 webm 270x480 240p 235k , vp9, 30fps, video only, 670.44KiB
135 mp4 270x480 240p 375k , avc1.4d4015, 30fps, video only, 1.10MiB
247 webm 406x720 360p 428k , vp9, 30fps, video only, 1.19MiB
248 webm 608x1080 480p 737k , vp9, 30fps, video only, 2.03MiB
136 mp4 406x720 360p 761k , avc1.4d401e, 30fps, video only, 2.09MiB
137 mp4 608x1080 480p 1458k , avc1.64001f, 30fps, video only, 3.95MiB
271 webm 810x1440 720p 2767k , vp9, 30fps, video only, 6.69MiB
313 webm 1080x1920 1080p 4410k , vp9, 30fps, video only, 12.22MiB
43 webm 640x360 360p , vp8.0, vorbis@128k, 1.28MiB
18 mp4 202x360 240p 359k , avc1.42001E, mp4a.40.2@ 96k (44100Hz), 1.29MiB
22 mp4 406x720 360p 713k , avc1.64001F, mp4a.40.2@192k (44100Hz) (best)
下載指定的 format
youtube-dl -f <format code> <URL>
下載最好的
youtube-dl -f best <URL>
下載指定的 format
youtube-dl -f mp4 <URL>
JavaScript - YouTube API note
on 2013-12-20
JavaScript - YouTube API note
player demo YouTube JavaScript Player API Reference YouTube 嵌入式播放器参数 YouTube Embedded Players and Player Parameters YouTube Player API Reference for iframe Embeds
Use YouTube video must init a youtube player There have 2 player we can use
- flash player
- iframe player
I suggest use iframe player because it can support flash and HTML5 If use Apple mobile devices, they can’t support flash Use iframe player can solve this problem We can use javascript control player
This is a note to iframe API
embed script
<script src="https://www.youtube.com/iframe_api"></script>
JavaScript generate
var tag = document.createElement('script'),
firstScriptTag = document.getElementsByTagName('script')[0];
tag.src = 'https://www.youtube.com/iframe_api';
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
1.First check load iframe API
function onYouTubeIframeAPIReady() {
// do something
}
2.Init YouTube player
var player;
player = new YT.Player(
'player',
{
width: '1280', // player width
height: '720', // player height
videoId: videoList[0], // youtube id ex: '0lfDNu-k6oo'
playerVars: {
rel: 1,
autoplay: 0,
disablekb: 0,
showsearch: 0,
showinfo: 0,
controls: 1,
wmode: 'opaque',
hd: 1,
html5: 1,
iv_load_policy: 3
},
events: {
'onReady' : onPlayerReady,
'onStateChange' : onPlayerStateChange,
'onError' : error
}
}
);
playerVars can refer YouTube 嵌入式播放器参数
3.Handle onPlayerReady, onPlayerStateChange, error
function onPlayerReady(e) {
// do something
}
function onPlayerStateChange(e) {
// do something
}
function error(e) {
// do something
}
Sample code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>youtube_iframe_api</title>
</head>
<body>
<div id="player"></div>
</body>
<script>
var player;
function loadPlayer() {
if (document.querySelector('#player')) {
// get API
var tag = document.createElement('script'),
firstScriptTag = document.getElementsByTagName('script')[0];
tag.src = 'https://www.youtube.com/iframe_api';
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var videoList = [],
playCount = 0;
var video_ID = {
'v_2': 'V8BTsiMxyaQ',
'v_0': '7wvNwOPprBE',
'v_1': 'mTSuiGubCHE',
'v_8': 'DDs5bXh4erM',
'v_3': 'n-BXNXvTvV4',
'v_4': 'CRJDQQXS4uE',
'v_5': 'ASO_zypdnsQ',
'v_6': 'IZkYdqRWKaY',
'v_7': '9Y15es8OY0U',
'v_9': 'LWV-f6dMN3Q'
};
// videoList array
for(var key in video_ID) {
var value = video_ID[key];
videoList.push(value);
}
function playChannel() {
// init player
player = new YT.Player(
'player',
{
width: '1280',
height: '720',
videoId: videoList[0],
playerVars: {
rel: 1,
autoplay: 1,
disablekb: 0,
showsearch: 0,
showinfo: 0,
controls: 1,
autohide: 0,
modestbranding: 0,
wmode: 'opaque',
hd: 1,
html5: 1,
iv_load_policy: 3
},
events: {
'onReady' : onPlayerReady,
'onStateChange' : onPlayerStateChange,
'onError' : error
}
}
);
// play video
function onPlayerReady(e) {
console.log('onPlayerReady');
}
function error(e) {
console.log('Error');
console.log(e);
}
}
function onPlayerStateChange(e) {
// get state
console.log(e);
// play list loop when video end play next video
if (e.data === 0) {
playCount++;
if (playCount > (videoList.length -1)) {
playCount = 0;
}
player.loadVideoById(videoList[playCount]);
player.playVideo();
}
}
function onYouTubeIframeAPIReady() {
playChannel();
}
setTimeout(function() {
onYouTubeIframeAPIReady();
}, 1200);
}
}
loadPlayer();
</script>
</html>
Refer - Force HTML5 youtube video
onError error code
- 2 – The request contains an invalid parameter value. For example, this error occurs if you specify a video ID that does not have 11 characters, or if the video ID contains invalid characters, such as exclamation points or asterisks.
- 5 – The requested content cannot be played in an HTML5 player or another error related to the HTML5 player has occurred.
- 100 – The video requested was not found. This error occurs when a video has been removed (for any reason) or has been marked as private.
- 101 – The owner of the requested video does not allow it to be played in embedded players.
- 150 – This error is the same as 101. It’s just a 101 error in disguise!
Youtube Data api
Get video data api
http://gdata.youtube.com/feeds/api/videos/<youtube_id>
It return format is XML
http://gdata.youtube.com/feeds/api/videos/<youtube_id>?alt=json
It return format is json
参考指南：Data API 协议 Developer’s Guide: JSON / JavaScript Refer- How to ensure YouTube API only returns videos that are streamable on iPhone?
Something note
Player API 其中有個參數允許強制使用 HTML5 player 這建議有個好處與壞處
好處是不會有廣告
壞處是如果遇到訊源只有 flash 格式的影片 player 會重啟為 flash player
用 gData 抓影片資訊可抓到其中一個 content 的 key 其中就有提供此影片所帶有的格式
test page
- 5 - HTTP URL to the embeddable player (SWF) for this video. This format is not available for a video that is not embeddable. Developers commonly add &format=5 to their queries to restrict results to videos that can be embedded on their sites.
- 1 - RTSP streaming URL for mobile video playback. H.263 video (up to 176x144) and AMR audio.
- 6 - RTSP streaming URL for mobile video playback. MPEG-4 SP video (up to 176x144) and AAC audio.
Refer - Reference Guide: Data API Protocol
實測在 mobile 裝置上(Android, iOS), 參數設定 autoplay 是無效的, 利用 JavaScript 控制讓 youtube 播放也是無效的, 必須用手去點擊播放