mirror of
https://github.com/imgyh/tiktok.git
synced 2025-04-06 02:17:13 +08:00
feat(web): 增加web端直播解析
This commit is contained in:
imgyh
parent
f7fdcd141b
commit
90aa10515f
@ -30,62 +30,100 @@ function SendAjax() {
|
||||
document.getElementById("images").innerHTML = licontent;
|
||||
$("#video").attr("style", "display:none;");//隐藏 video
|
||||
}
|
||||
$("#cover").attr("href", result.video.cover_original_scale.url_list[0]);
|
||||
$("#pre_video").attr("poster", result.video.dynamic_cover.url_list[0]);
|
||||
$("#music").attr("href", result.music.play_url.url_list[0]);
|
||||
if (result.awemeType === 0 || result.awemeType === 1) {
|
||||
$("#cover").attr("href", result.video.cover_original_scale.url_list[0]);
|
||||
$("#pre_video").attr("poster", result.video.dynamic_cover.url_list[0]);
|
||||
$("#music").attr("href", result.music.play_url.url_list[0]);
|
||||
|
||||
$("#avatar").attr("src", result.author.avatar.url_list[0]);
|
||||
$("#avatar").attr("alt", result.author.nickname);
|
||||
$("#nickname").html(result.author.nickname);
|
||||
$("#desc").html(result.desc);
|
||||
$("#avatar").attr("src", result.author.avatar.url_list[0]);
|
||||
$("#avatar").attr("alt", result.author.nickname);
|
||||
$("#nickname").html(result.author.nickname);
|
||||
$("#desc").html(result.desc);
|
||||
|
||||
|
||||
var count = result.statistics.digg_count;
|
||||
var digg_count;
|
||||
if (count < 1000) {
|
||||
digg_count = count
|
||||
} else if (count >= 1000 && count < 10000) {
|
||||
digg_count = (count / 1000).toFixed(1) + "K"
|
||||
} else {
|
||||
digg_count = (count / 10000).toFixed(1) + "W"
|
||||
}
|
||||
$("#aweme_digg_count").html(digg_count);
|
||||
count = result.statistics.comment_count;
|
||||
var comment_count;
|
||||
if (count < 1000) {
|
||||
comment_count = count
|
||||
} else if (count >= 1000 && count < 10000) {
|
||||
comment_count = (count / 1000).toFixed(1) + "K"
|
||||
} else {
|
||||
comment_count = (count / 10000).toFixed(1) + "W"
|
||||
}
|
||||
$("#aweme_comment_count").html(comment_count);
|
||||
count = result.statistics.collect_count;
|
||||
var collect_count;
|
||||
if (count < 1000) {
|
||||
collect_count = count
|
||||
} else if (count >= 1000 && count < 10000) {
|
||||
collect_count = (count / 1000).toFixed(1) + "K"
|
||||
} else {
|
||||
collect_count = (count / 10000).toFixed(1) + "W"
|
||||
}
|
||||
$("#aweme_collect_count").html(collect_count);
|
||||
count = result.statistics.share_count;
|
||||
var share_count;
|
||||
if (count < 1000) {
|
||||
share_count = count
|
||||
} else if (count >= 1000 && count < 10000) {
|
||||
share_count = (count / 1000).toFixed(1) + "K"
|
||||
} else {
|
||||
share_count = (count / 10000).toFixed(1) + "W"
|
||||
}
|
||||
$("#aweme_share_count").html(share_count);
|
||||
var count = result.statistics.digg_count;
|
||||
var digg_count;
|
||||
if (count < 1000) {
|
||||
digg_count = count
|
||||
} else if (count >= 1000 && count < 10000) {
|
||||
digg_count = (count / 1000).toFixed(1) + "K"
|
||||
} else {
|
||||
digg_count = (count / 10000).toFixed(1) + "W"
|
||||
}
|
||||
$("#aweme_digg_count").html(digg_count);
|
||||
count = result.statistics.comment_count;
|
||||
var comment_count;
|
||||
if (count < 1000) {
|
||||
comment_count = count
|
||||
} else if (count >= 1000 && count < 10000) {
|
||||
comment_count = (count / 1000).toFixed(1) + "K"
|
||||
} else {
|
||||
comment_count = (count / 10000).toFixed(1) + "W"
|
||||
}
|
||||
$("#aweme_comment_count").html(comment_count);
|
||||
count = result.statistics.collect_count;
|
||||
var collect_count;
|
||||
if (count < 1000) {
|
||||
collect_count = count
|
||||
} else if (count >= 1000 && count < 10000) {
|
||||
collect_count = (count / 1000).toFixed(1) + "K"
|
||||
} else {
|
||||
collect_count = (count / 10000).toFixed(1) + "W"
|
||||
}
|
||||
$("#aweme_collect_count").html(collect_count);
|
||||
count = result.statistics.share_count;
|
||||
var share_count;
|
||||
if (count < 1000) {
|
||||
share_count = count
|
||||
} else if (count >= 1000 && count < 10000) {
|
||||
share_count = (count / 1000).toFixed(1) + "K"
|
||||
} else {
|
||||
share_count = (count / 10000).toFixed(1) + "W"
|
||||
}
|
||||
$("#aweme_share_count").html(share_count);
|
||||
|
||||
$("#loading").attr("style", "display:none;");//隐藏 loading
|
||||
$("#download").attr("style", "display:block;");//显示 download
|
||||
// alert("SUCCESS");
|
||||
// 执行弹框
|
||||
narnSuccess();
|
||||
$("#icons").attr("style", "display:flex;");//显示 icons
|
||||
$("#icon").attr("style", "display:table-row;");//显示 icon
|
||||
$("#music").attr("style", "display:inline;");//显示 music
|
||||
|
||||
$("#loading").attr("style", "display:none;");//隐藏 loading
|
||||
$("#download").attr("style", "display:block;");//显示 download
|
||||
// alert("SUCCESS");
|
||||
// 执行弹框
|
||||
narnSuccess();
|
||||
}
|
||||
|
||||
if (result.awemeType === 2) {
|
||||
if (result.status === 4) {
|
||||
console.log("进入")
|
||||
$("#loading").attr("style", "display:none;");//隐藏 loading
|
||||
$("#download").attr("style", "display:none;");//隐藏 download
|
||||
// 执行弹框
|
||||
narnWarn()
|
||||
} else {
|
||||
$("#awemeType").html("预览直播");
|
||||
$("#video").attr("href", result.flv_pull_url0);
|
||||
$("#pre_video").attr("src", result.flv_pull_url0);
|
||||
|
||||
$("#cover").attr("href", result.cover);
|
||||
$("#pre_video").attr("poster", result.cover);
|
||||
$("#avatar").attr("src", result.avatar);
|
||||
$("#avatar").attr("alt", result.nickname);
|
||||
$("#nickname").html(result.nickname);
|
||||
$("#desc").html(result.title);
|
||||
|
||||
$("#video").attr("style", "display:inline;");//显示 video
|
||||
$("#icons").attr("style", "display:none;");//隐藏 icons
|
||||
$("#icon").attr("style", "display:none;");//隐藏 icon
|
||||
$("#music").attr("style", "display:none;");//隐藏 music
|
||||
|
||||
$("#loading").attr("style", "display:none;");//隐藏 loading
|
||||
$("#download").attr("style", "display:block;");//显示 download
|
||||
// alert("SUCCESS");
|
||||
// 执行弹框
|
||||
narnSuccess();
|
||||
}
|
||||
}
|
||||
} else {
|
||||
$("#loading").attr("style", "display:none;");//隐藏 loading
|
||||
$("#download").attr("style", "display:none;");//隐藏 download
|
||||
@ -120,7 +158,17 @@ function narnSuccess() {
|
||||
function narnFail() {
|
||||
naranja().error({
|
||||
title: '解析失败',
|
||||
text: '视频不存在或接口失效',
|
||||
text: '直播/视频/图集不存在或接口失效',
|
||||
icon: true,
|
||||
timeout: 5000,
|
||||
buttons: []
|
||||
})
|
||||
}
|
||||
|
||||
function narnWarn() {
|
||||
naranja().warn({
|
||||
title: '提示',
|
||||
text: '直播未开始',
|
||||
icon: true,
|
||||
timeout: 5000,
|
||||
buttons: []
|
||||
@ -151,6 +199,22 @@ window.addEventListener('DOMContentLoaded', function () {
|
||||
// image.click();
|
||||
viewer.show();
|
||||
}
|
||||
// 预览直播
|
||||
if (awemeType === "预览直播") {
|
||||
if (flvjs.isSupported()) {//检查flvjs能否正常使用
|
||||
var videoElement = document.getElementById('pre_video');//使用id选择器找到第二步设置的dom元素
|
||||
var flvPlayer = flvjs.createPlayer({//创建一个新的flv播放器对象
|
||||
type: 'flv',//类型flv
|
||||
url: $("#video").attr("href")//flv文件地址
|
||||
});
|
||||
flvPlayer.attachMediaElement(videoElement);//将flv视频装载进video元素内
|
||||
flvPlayer.load();//载入视频
|
||||
flvPlayer.play();//播放视频，如果不想要自动播放，去掉本行
|
||||
|
||||
/*弹出视频播放层*/
|
||||
$("#show-video").show();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
|
||||
10
static/js/flv.min.js
vendored
Normal file
10
static/js/flv.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -44,7 +44,8 @@
|
||||
|
||||
<p style="color:#00c4b6;font-size:32px;">抖音去水印工具</p>
|
||||
<br>
|
||||
<p>温馨提示: 粘贴分享链接时 无需删除文案 但如果链接正确但解析失败请删掉文案后重试 https://v.douyin.com/kcvMpuN/</p>
|
||||
<p>1.支持视频/图集解析,粘贴视频/图集分享链接时无需删除文案,但如果链接正确但解析失败请删掉文案后重试 https://v.douyin.com/kcvMpuN/</p>
|
||||
<p>2.支持直播解析,需要网页版直播链接 https://live.douyin.com/343806013144</p>
|
||||
<p>关于抖音批量下载与去水印工具的更多实现细节请点击: <a href="https://www.imgyh.com/archives/41.html" target="_blank" style="color:#00c4b6;">抖音批量下载与去水印工具</a></p>
|
||||
<form id="form1" onsubmit="return false" action="#" method="post" class="d-flex error-page-form">
|
||||
{# 以前需要手动选择 图片 或者 视频 现在加了自动判断#}
|
||||
@ -55,7 +56,7 @@
|
||||
{# </select>#}
|
||||
{# </div>#}
|
||||
|
||||
<input type="text" placeholder="抖音视频分享地址，复制后粘贴到此处" name="share_link" required="required">
|
||||
<input type="text" placeholder="粘贴视频/图集分享地址、网页版直播地址" name="share_link" required="required">
|
||||
<button type="reset" onclick="SendAjax()">解析</button>
|
||||
</form>
|
||||
{# <div class="social-coming-icons">#}
|
||||
@ -85,20 +86,20 @@
|
||||
<p id="nickname" class="nickname"></p>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="icons">
|
||||
<div class="icon">
|
||||
<div id="icons" class="icons">
|
||||
<div id="icon" class="icon">
|
||||
<i class="fa fa-heart" style="color:#fd325c;" aria-hidden="true"></i>
|
||||
<p id="aweme_digg_count"></p>
|
||||
</div>
|
||||
<div class="icon">
|
||||
<div id="icon" class="icon">
|
||||
<i class="fa fa-comment" style="color:#efeeec;" aria-hidden="true"></i>
|
||||
<p id="aweme_comment_count"></p>
|
||||
</div>
|
||||
<div class="icon">
|
||||
<div id="icon" class="icon">
|
||||
<i class="fa fa-star" style="color:#fcb505;" aria-hidden="true"></i>
|
||||
<p id="aweme_collect_count"></p>
|
||||
</div>
|
||||
<div class="icon">
|
||||
<div id="icon" class="icon">
|
||||
<i class="fa fa-share" style="color:#e7e8e6;" aria-hidden="true"></i>
|
||||
<p id="aweme_share_count"></p>
|
||||
</div>
|
||||
@ -165,6 +166,7 @@
|
||||
<script src="https://cdn.jsdelivr.net/gh/imgyh/tiktok/static/js/naranja.min.js" type="text/javascript"></script>
|
||||
<script src="https://cdn.jsdelivr.net/gh/imgyh/tiktok/static/js/viewer.min.js" type="text/javascript"></script>
|
||||
<script src="https://cdn.jsdelivr.net/gh/imgyh/tiktok/static/js/custom.js" type="text/javascript"></script>
|
||||
<script src="https://cdn.jsdelivr.net/gh/imgyh/tiktok/static/js/flv.min.js" type="text/javascript"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user