網頁上騰訊視頻下載mp4格式到本地

最近寫了個下載網頁騰訊視頻的頁面,就一個html,填入視頻鏈接,可以獲取到視頻真實地址,然後右鍵另存爲到本地,分標清和高清的兩種:

第一步:在網頁視頻上右鍵,選擇複製視頻地址:

第二步:打開這個離線網頁,粘貼剛纔複製的網頁地址

第三步:點擊上圖獲取下載地址,得到真實地址,然後點擊跳轉鏈接到真實視頻頁面

第4步:右鍵視頻點擊另存爲到本地

 

就這麼簡單,你也想下載網頁上騰訊視頻嗎,成果當然可以共享給你啦

獨樂了不如衆樂樂,只需兩步:

1.新建一個文件,擴展名修改爲.html;

2.粘貼下方代碼保存,打開該網頁就可以參考文章前面說明操作。

<!doctype html>
<html lang="en">
  <head>

    <meta charset="utf-8">
    <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>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" />
    <title>騰訊視頻下載</title>
	<style>
	     #res{
		    display:inline-block;
			width:500px;
			height:30px;
			font-size:14px;
			line-height:30px;
			padding:0;
		 }
		 .container{
		    padding-top: 50px;
		 }
		 #qxd,#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>點擊鼠標右鍵-->複製視頻頁面地址</b>,然後將複製的地址粘貼到下方輸入框:</p>
	   <div>
	       <select id="isVid">
			  <option value="1" selected>視頻頁面地址</option>
			  <option value="2">視頻vid</option>
			</select>
	       <input id="res" type="text" placeholder="請輸入視頻鏈接" />
		   <select id="qxd">
			  <option value="1" selected>標清</option>
			  <option value="2">高清</option>
			</select>
			<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 bqApi = "http://vv.video.qq.com/getinfo?vids={vids}&platform=101001&charge=0&otype=json&defn=shd";
		var gqApi = "http://vv.video.qq.com/getkey?format=2&otype=json&vt=150&vid={vids}&ran=0\%2E9477521511726081\\&charge=0&filename={vids}.mp4&platform=11";
		var downloadUrl = "";
		var link = "";
		var isVid = "";
		var qxd = "";
		var vids = "";
		
		$("#download").click(function(){
		   link = $("#res").val();
		   qxd = $("#qxd").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(){
		  bqApi = bqApi.replace("{vids}",vids);
		  gqApi = gqApi.replace("{vids}",vids);
		  var api1Json = {};
		  var api2Json = {};
			$.ajax({
				type:"get",
				url:bqApi,
				dataType:"jsonp",
				jsonpCallback:"cb",
				success:function(data){
					api1Json = data;
					if(qxd == "1"){//下載標清
					   console.log(api1Json);
					   downloadUrl = api1Json.vl.vi[0].ul.ui[0].url + api1Json.vl.vi[0].fn + "?vkey=" + api1Json.vl.vi[0].fvkey;
					   $("#result").html("視頻鏈接爲:" + downloadUrl + " <a href='" + downloadUrl + "'>點擊此處</a>打開視頻,在視頻上右鍵另存爲保存到本地。");
					   //dw();
					}
					else{//下載高清
					   $.ajax({
							type:"get",
							url:bqApi,
							dataType:"jsonp",
							jsonpCallback:"cb",
							success:function(dat){
								api2Json = dat;
								console.log(api2Json);
								downloadUrl = api1Json.vl.vi[0].ul.ui[0].url + vids + ".mp4?vkey=" + api2Json.vl.vi[0].fvkey;
								$("#result").html("視頻鏈接爲:" + downloadUrl + " <a href='" + downloadUrl + "'>點擊此處</a>打開視頻,在視頻上右鍵另存爲保存到本地。");
								//dw();
							}
						});
					}
				}
			});
		}

		function dw(){
		   window.location.href=downloadUrl;
		}

	</script>
    
  </body>
</html>

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章