解析抖音视频，并且带昵称.签名.描述.头像的数据
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>抖音视频解析器</title>
</head>
<body>
<h1>抖音视频解析器</h1>
<div>
<label for="url">输入抖音视频链接：</label>
<input type="text" id="url" placeholder="请输入视频链接">
<button id="parseButton">解析视频</button>
</div>
<div id="response">
<h2>响应详情</h2>
<p><strong>状态码：</strong> <span id="code"></span></p>
<p><strong>消息：</strong> <span id="msg"></span></p>
</div>
<div id="video">
<h2>视频详情</h2>
<p><strong>播放地址：</strong> <span id="play_url"></span></p>
<p><strong>视频文件地址：</strong> <span id="video_url"></span></p>
<p><strong>解析耗时：</strong> <span id="parse_time"></span></p>
</div>
<div id="additional_data">
<h2>其他数据</h2>
<div id="author">
<p><strong>昵称：</strong> <span id="nickname"></span></p>
<p><strong>签名：</strong> <span id="signature"></span></p>
<p><strong>描述：</strong> <span id="desc"></span></p>
<p><strong>头像：</strong> <img id="avatar" src="" alt="头像" width="100"></p>
</div>
</div>
<script>
document.getElementById('parseButton').addEventListener('click', async () => {
const url = document.getElementById('url').value;
if (!url) {
alert('请输入视频链接。');
return;
}
try {
const response = await fetch(`https://api.xinyew.cn/api/douyinjx?url=${encodeURIComponent(url)}`);
const result = await response.json();
if (result.code === 200) {
document.getElementById('code').textContent = result.code;
document.getElementById('msg').textContent = result.msg;
document.getElementById('play_url').textContent = result.data.play_url;
document.getElementById('video_url').textContent = result.data.video_url;
document.getElementById('parse_time').textContent = `${result.data.parse_time} 毫秒`;
const additionalData = result.data.additional_data[0];
document.getElementById('nickname').textContent = additionalData.nickname;
document.getElementById('signature').textContent = additionalData.signature;
document.getElementById('desc').textContent = additionalData.desc;
document.getElementById('avatar').src = additionalData.url;
} else {
alert(`错误：${result.msg}`);
}
} catch (error) {
console.error('获取API数据时出错：', error);
alert('无法获取视频信息，请稍后重试。');
}
});
</script>
</body>
</html>本站资源仅供学习交流使用请勿商业运营,严禁使用模板&源码从事违法,侵权等非法活动！如链接失效内容有误，请到评论反馈。
免费声明
- 本网站的文章内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长QQ:304906607进行删除处理。
- 文章采用： 《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)。
- 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
- 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
- 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
- 本站永久网址：https://www.aybk.cn
AI程序源码最新原版 支持多个语言，合适大佬学习
« 上一篇
12-26
彩虹聚合DNS管理系统源码V2.0.1，SSL证书自动申请与部署
下一篇 »
12-26
发表评论
请先登录后才能发表评论