forked from 5ime/video_spider
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
156 lines (155 loc) · 5.93 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no"/>
<meta name="renderer" content="webkit"/>
<meta name="force-rendering" content="webkit"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<title>短视频去水印解析</title>
<link rel="icon" type="image/png" href="favicon.png">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/mdui.min.css"/>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/mdui.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
</head>
<body class="mdui-theme-primary-indigo mdui-theme-accent-pink">
<style>
::selection {
background: rgba(0,149,255,.1);
}
body:before{
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .3;
z-index: -1;
content: "";
position: fixed;
background-image: linear-gradient( 135deg, #CE9FFC 10%, #7367F0 100%);
}
.mdui-textfield-input{
float: left;
width: 75%;
text-transform: none;
}
.mdui-btn{
width: 25%;
}
.mdui-container {
max-width: 900px;
margin-top: 6em;
margin-bottom: 4em;
}
.mdui-btn, .mdui-fab {
min-width: 0px;
}
.mdui-card{
opacity: .8;
padding: 2em;;
border-radius: 6px;
}
.down .mdui-btn{
width: auto;
margin-left: 1.5em;
margin-bottom: 0.5em;
}
p{
opacity: .8;
}
.mdui-card-content{
padding: 16px 0 0 0;
}
</style>
<main class="mdui-container">
<div class="mdui-card">
<img class="mdui-img-circle mdui-center" style="width: 150px;" src="https://cdn.jsdelivr.net/gh/5ime/img/avatar.jpg"/>
<h1 class='mdui-text-center'>在线短视频去水印解析</h1>
<div class="mdui-typo">
<p><strong>目前支持 </strong>抖音/皮皮虾/火山/微视/微博/绿洲/最右/轻视频/instagram/哔哩哔哩/快手/全民小视频/皮皮搞笑/全民k歌/巴塞电影/陌陌/Before避风/开眼/Vue Vlog/小咖秀</p>
<p><strong>温馨提示 </strong>粘贴视频地址时<u>无需删除文案</u><small> 但如果视频链接正确但解析失败请删掉文案后重试</small></p>
<hr/>
</div>
<!--<div class="mdui-panel" mdui-panel>
<div class="mdui-panel-item">
<div class="mdui-panel-item-header">
<div class="mdui-panel-item-title">
点我查看支持的平台
</div>
<i class="mdui-panel-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
</div>
<div class="mdui-panel-item-body mdui-typo">
<h6>抖音短视频 <small>https://v.douyin.com/m2mun2</small></h6>
<h6>皮皮虾 <small>https://h5.pipix.com/s/hukXsy/</small></h6>
<h6>火山小视频 <small>https://share.huoshan.com/hotsoon/s/yBw4TLa7O88/</small></h6>
<h6>微视 <small>https://h5.weishi.qq.com/weishi/feed/74EVRNzHZ1JkKDZ6T/</small></h6>
<h6>微博 <small>https://weibo.com/tv/v/ItAKayBXi?fid=1034:4470527369084961</small></h6>
<h6>绿洲 <small>https://m.oasis.weibo.cn/v1/h5/share?sid=4506676592820518</small></h6>
<h6>最右 <small>https://share.izuiyou.com/hybrid/share/post?pid=163566379</small></h6>
<h6>轻视频 <small>https://bbq.bilibili.com/video/?id=1593006116082649828</small></h6>
<h6>instagram <small>https://www.instagram.com/p/B-Zxqr3JOKS/</small></h6>
<h6>哔哩哔哩 <small>https://www.bilibili.com/video/BV1Q64y1u7UC / 短链接</small></h6>
<h6>快手 <small>https://v.kuaishou.com/81G68F</small></h6>
<h6>全民K歌 <small>https://kg2.qq.com/node/play?s=XieQeKXyaXcqFXWG</small></h6>
<h6>全民小视频 <small>https:/quanmin.hao222.com/sv2?source=share-h5&pd=qm_share_mvideo&vid=4408245766571768947</small></h6>
<h6>皮皮搞笑 <small>http://share.ippzone.com/pp/post/300179185803</small></h6>
<h6>巴塞电影 <small>http://m.moviebase.cn/?actionkey=video_view&data=378de374fb57416b94345e01318872fe</small></h6>
<h6>Before避风 <small>https://m.hanyuhl.com/detail/:34485260?shareId=155485212</small></h6>
<h6>陌陌 <small>https://m.immomo.com/s/moment/new-share-v2/at8975483503.html</small></h6>
<h6>开眼 <small>https://www.eyepetizer.net/detail.html?vid=209323</small></h6>
<h6>Vue Vlog <small>https://v.vuevideo.net/share/post/6402574483573913958</small></h6>
</div>
</div>
</div>-->
<div class="mdui-card-content mdui-typo">
<div class="mdui-textfield mdui-textfield-floating-label">
<input class="mdui-textfield-input" type="text" id="url" placeholder="请粘贴视频分享地址" required/>
<div class="mdui-textfield-error">
需要解析的视频地址不能为空
</div>
<button class="mdui-btn mdui-color-theme-accent mdui-ripple" onclick="setValue()">解析</button>
</div>
</div>
<div class="down mdui-text-center"></div>
</div>
</main>
<script>
function setValue(){
var data = document.getElementById("url").value;
let regex = /http[s]?:\/\/[\w.]+[\w\/]*[\w.]*\??[\w=&:\-\+\%]*[/]*/;
var v = data.match(regex)[0];
console.log(v);
var xmlhttp;
if(window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}
else{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}
xmlhttp.open("GET","https://tenapi.cn/video/?url="+v,false);
xmlhttp.send();
var jsonObj = JSON.parse(xmlhttp.responseText);
console.log(jsonObj);
var code = jsonObj.code;
if(code == '200'){
mdui.snackbar({
message: '解析成功'
});
$(".down").html('<h4>'+jsonObj.title+' </h4><a class="mdui-btn mdui-btn-raised" href="'+jsonObj.cover+'" target="_blank" download="video">下载封面</a><a class="mdui-btn mdui-btn-raised" href="'+jsonObj.url+'" target="_blank" download="video">下载视频</a><a class="mdui-btn mdui-btn-raised" href="'+jsonObj.music+'" target="_blank" download="video">下载音乐(抖音)</a>');
}else{
mdui.snackbar({
message: '解析失败,视频不存在或者链接不正确'
});
}
}
</script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?8262dc3510419fed089147519de08179";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>