胖蒜

分享有价值的资源

腾讯网页视频下载mp4格式到本地

今天我要从腾讯网上弄个视频,放在PPT中讲课使用,我最先想到的方式是把链接放PPT文档中,讲课时点击链接打开即可,可我在试讲的时候,发现每次点击链接打开视频都要播放一段30秒的广告,不是会员不能跳过,然后页面还充斥着很多广告;其次,如果到时候讲课的环境没有网络的话,不就无法演示了吗?
想到这里,我觉得还是要把视频下载下来比较好,放在本地,可以直接插入到PPT中,然后我就想怎么才能下载下来,首先就是在页面鼠标右键,去看页面代码查找,发现没找到;然后就是去找猴油脚本,又遇到墙的问题;最后不得已下载了腾讯的客户端,一顿操作终于下载了,然后又卸载了腾讯视频客户端。为了一个视频折腾一顿,真心没必要,有没有简单好用的方法呢?
经过多次测试比较,我发现了这个,还是很实用的,后面我打算做个视频教程。
下载网页视频到本地

使用方法

在电脑本地建立一个HTML格式文件,复制下面代码到文件里,双击打开文件,按页面提示操作即可。

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta author="kevy tian">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <title>腾讯视频下载</title>
    <style>
        #res {
            display: inline-block;
            width: 500px;
            height: 30px;
            font-size: 14px;
            line-height: 30px;
            padding: 0;
        }
 
        .container {
            padding-top: 50px;
        }
 
        #isVid {
            display: inline-block;
            width: 120px;
            height: 30px;
            font-size: 14px;
            line-height: 30px;
        }
 
        #download {
            display: inline-block;
            width: 100px;
            height: 30px;
            font-size: 14px;
            line-height: 25px;
            text-align: center;
            padding: 0;
            margin-bottom: 4px;
        }
    </style>
</head>
<body>
<div class="container">
    <p>首先在视频上<b>点击播放视频-->鼠标右键-->视频信息-->复制-->粘贴到文本编辑器-->复制vid前半部分</b>,然后将复制的vid粘贴到下方输入框:</p>
    <div>
        <select id="isVid" disabled>
            <option style="display:none" value="1">视频页面地址</option>
            <option value="2" selected>视频vid</option>
        </select>
        <input id="res" type="text" placeholder="请输入视频vid"/>
        <button id="download" class="btn btn-large btn-primary" type="button">获取下载地址</button>
    </div>
    <p style="width:100%;padding:20px;word-wrap:break-word;" id="result"></p>
</div>
<script type="text/javascript">
    
    var downloadUrl = "";
    var link = "";
    var isVid = "";
    var vids = "";
    $("#download").click(function () {
        link = $("#res").val();
        isVid = $("#isVid").val();
        if (isVid == "1") {
            if (checkUrl(link)) {
                vids = getVids(link);
                process()
            }
            else {
                alert("视频链接不正确");
            }
        }
        else {
            vids = link;
            if (vids != "") {
                process();
            }
        }
    });
    function checkUrl(url) {
        var reg = /(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/;
        if (url != "" && reg.test(url) && url.indexOf("page/") != -1 && url.indexOf(".html") != -1) {
            return true;
        }
        return false;
    }
    function getVids(url) {
        url = url.split(".html")[0].split("\/");
        return url[url.length - 1];
    }
    function process() {
        var bqApi = "http://vv.video.qq.com/getinfo?vids={vids}&platform=101001&charge=0&otype=json&defn=shd";
        bqApi = bqApi.replaceAll("{vids}", vids);
        var api1Json = {};
        $.ajax({
                type: "get",
                url: bqApi,
                dataType: "jsonp",
                jsonpCallback: "cb",
                success: function (data) {
                    api1Json = data;
                    downloadUrl = api1Json.vl.vi[0].ul.ui[0].url + api1Json.vl.vi[0].fn + "?vkey=" + api1Json.vl.vi[0].fvkey;
                    $("#result").html("<span style='font-weight:bold;font-size:20px;'>下载方式:</span><br/>方式一:" + "<a target='_blank' href='" + downloadUrl + "'>点击此处</a>打开视频,在视频上右键另存为保存到本地。<br />方式二:如果您的浏览器比较新,直接<a href='javascript:void(0)' onclick='dw(\"" + downloadUrl + "\")'>点击此处</a>下载视频。");
                }
            });
    }
    function dw(url) {
        try{
            fetch(url).then(res => res.blob().then(blob => {
                var a = document.createElement('a');
                var url = window.URL.createObjectURL(blob);
                a.href = url;
                a.download = "kevy-download";
                a.click();
                window.URL.revokeObjectURL(url);
            }));
        }
        catch(err){
            alert("您的浏览器不支持该方式,请使用方式一");
        }
        
    }
</script>
 
</body>
</html>

注意事项

本人亲测目前仅支持腾讯视频。

本文属原创,转载请注明原文:https://pangsuan.com/p/download_video_from_web.html

感觉很棒,欢迎点赞 OR 打赏~

分享到:

评论 (0)

立即登录评论
可联系QQ744272645咨询
马上咨询 自媒体号