使用javascript下载youtube视频/音频流

问题描述 投票:1回答:1

所以我有一个youtube视频/音频流URL,例如:

https://r2---sn-cx1x9-ua8z.googlevideo.com/videoplayback?expire=1578754561&ei=oY0ZXo-WGseM1gbxz73IAg&ip=1.2.3.4&id=o-AN8LZJBbvLne6s8A8IVwnnk2psZvpzQT6fHRCDqPA6iu&itag=251&source=youtube&requiressl=yes&mm=31%2C29&mn=sn-cx1x9-ua8z%2Csn-hgn7rn7y&ms=au%2Crdu&mv=m&mvi=1&pcm2cms=yes&pl=19&initcwndbps=1112500&vprv=1&mime=audio%2Fwebm&gir=yes&clen=3354766&dur=194.861&lmt=1441431906499822&mt=1578732880&fvip=2&keepalive=yes&fexp=23842630&c=WEB&sparams=expire%2Cei%2Cip%2Cid%2Citag%2Csource%2Crequiressl%2Cvprv%2Cmime%2Cgir%2Cclen%2Cdur%2Clmt&lsparams=mm%2Cmn%2Cms%2Cmv%2Cmvi%2Cpcm2cms%2Cpl%2Cinitcwndbps&lsig=AHylml4wRQIgTs579qwl_V5XJrms-WWNp-uiLVENCoA7rKb175F2TgUCIQDiQuorOfGBuiAl3iIdxoTcl8TwSPTjKJTP7HE0XyvKqA%3D%3D&alr=yes&sig=ALgxI2wwRQIgJlSv5BooK4-KKL4J4kkp2RC-NkyScgoySIQWPTfXKgQCIQCE1U8NZWcvrJAl92kKQc4OIKEZTYFtO3imbLg3e6fgwg%3D%3D&cpn=e7UIV_8qKxqkbGKK&cver=2.20200108.07.03&rn=9&rbuf=13039

如何使用Javascript下载?

我不知道是否有帮助,但是HTML是:

<video controls autoplay name="media">
  <source src="That long url like above" type="audio/webm">
</video>

[另外,当我右键单击时,它显示“另存为”选项,但是我尝试使用Javascript自动执行。

javascript video
1个回答
0
投票

从YouTube下载视频违反了YouTube政策。您唯一可以下载的视频是您自己的视频,您可以使用YouTube Studio进行下载。

[如果您要拥有YouTube下载器,则需要HTML来创建您将用于与我们的网站进行交互的元素。首先,我创建了一个简单的HTML文档,其中包含标题,输入和按钮。因此,首先创建一个名为index.html的HTML文件。这是我们简单网页的HTML代码:

<!DOCTYPE html>
<html>
<head>
    <title>YouTube Downloader</title>
</head>
<body>
    <h1 class="heading">My Own YouTube Downloader !</h1>
    <input class="URL-input" placeholder="Video URL e.g. https://www.youtube.com/watch?v=MtN1YnoL46Q">
    <button class="convert-button">Convert</button>
</body>
</html>

CSS之后,我们将使用CSS向页面添加一些样式。您可以使用Bootstrap或Bulma等CSS框架。因此,首先我通过在头部内添加链接标记来链接我的CSS文件(style.css):然后,在style.css中,我们可以自定义我们的网页。因此,这是我的简单CSS代码,可以实现非常简单的样式:

* {
    text-align: center;
}
.heading {
    font-family: Arial;
    margin-top:40vh;
}
.URL-input, .convert-button {
    font-size:1.3em;
    padding:5px 10px;
}
.URL-input {
    border-radius:4px 0px 0px 4px;
    width:30em;
    text-align: left;
    border:2px solid #EEEEEE;
    background: #EEEEEE;
    outline:none;
}
.URL-input:focus {
    border:2px solid #0485ff;
}
.convert-button {
    border-radius:0px 4px 4px 0px;
    border:2px solid #0485ff;
    background: #0485ff;
    color:white;
}
© www.soinside.com 2019 - 2024. All rights reserved.