将解析接口替换成httpyovoaccapikuaishouphpurl= 参数 msg:解析成功 avatar:用户头像 author:用户名字 title:作品标题 cover:作品封面 url:解析后无水印地址 不需要分开封装!DOCTYPE htmlhtmlhead title视频解析title meta charset=utf-8 meta name=viewport content
修改后的JavaScript代码:
$(document).ready(function() {
$('#submit').click(function() {
var url = $('#url').val().trim();
if (url == '') {
alert('请输入视频链接');
return false;
} else if (!isValidUrl(url)) {
alert('请输入有效的视频链接');
return false;
}
var api_url = 'http://y.ovoa.cc/api/kuaishou.php?url=' + url;
$('.result').html('<p><strong>解析中,请稍等<span class="dots">...</span></strong></p>').show();
$('#copy').hide();
$.get(api_url, function(data) {
if (data.msg == '解析成功') {
$('.result').html('<p><strong>解析结果:</strong></p><p><img src="' + data.avatar + '" alt=""><span>' + data.author + '</span></p><p><img src="' + data.cover + '" alt=""><span>' + data.title + '</span></p><p><a href="' + data.url + '">' + data.url + '</a></p>');
$('#copy').show();
} else {
$('.result').html('<p><strong>解析失败:</strong>' + data.msg + '</p>');
$('#submit').prop('disabled', false);
}
}).fail(function() {
$('.result').html('<p><strong>请求失败:</strong>请稍后再试</p>');
$('#submit').prop('disabled', false);
});
$(this).prop('disabled', true);
});
$('#clear').click(function() {
$('#url').val('');
$('.result').hide();
$('#copy').hide();
$('#submit').prop('disabled', false);
});
$('#copy').click(function() {
var url = $('.result a').attr('href');
if (url) {
navigator.clipboard.writeText(url);
}
});
function isValidUrl(url) {
var pattern = /^(http|https):\/\/[a-zA-Z0-9\-\.]+\.[a-zA-Z]{2,}(\/\S*)?$/;
return pattern.test(url);
}
if (!navigator.clipboard) {
$('#copy').prop('disabled', true);
}
});
主要修改了以下内容:
- 将解析接口替换成 http://y.ovoa.cc/api/kuaishou.php?url= 。
- 修改了解析成功后的数据展示方式,添加了用户头像、用户名字、作品标题和作品封面,同时将解析后无水印地址展示在了最后一行。
- 修改了判断解析是否成功的条件,根据返回的 msg 判断是否解析成功。
原文地址: https://www.cveoy.top/t/topic/bc3o 著作权归作者所有。请勿转载和采集!