blackteay/tiktok
1
0
Fork 0
mirror of https://github.com/imgyh/tiktok.git synced 2025-04-06 08:15:46 +08:00
Code Issues Projects Releases Wiki Activity

feat(web): 增加web端直播解析

Browse Source
This commit is contained in:
imgyh 2023-03-04 20:06:59 +08:00
parent f7fdcd141b
commit 90aa10515f
3 changed files with 136 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

170
static/js/custom.js
View File

@ -30,62 +30,100 @@ function SendAjax() {
document.getElementById("images").innerHTML = licontent; document.getElementById("images").innerHTML = licontent;
$("#video").attr("style", "display:none;");//隐藏 video $("#video").attr("style", "display:none;");//隐藏 video
} }
$("#cover").attr("href", result.video.cover_original_scale.url_list[0]); if (result.awemeType === 0 || result.awemeType === 1) {
$("#pre_video").attr("poster", result.video.dynamic_cover.url_list[0]); $("#cover").attr("href", result.video.cover_original_scale.url_list[0]);
$("#music").attr("href", result.music.play_url.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("src", result.author.avatar.url_list[0]);
$("#avatar").attr("alt", result.author.nickname); $("#avatar").attr("alt", result.author.nickname);
$("#nickname").html(result.author.nickname); $("#nickname").html(result.author.nickname);
$("#desc").html(result.desc); $("#desc").html(result.desc);
var count = result.statistics.digg_count; var count = result.statistics.digg_count;
var digg_count; var digg_count;
if (count < 1000) { if (count < 1000) {
digg_count = count digg_count = count
} else if (count >= 1000 && count < 10000) { } else if (count >= 1000 && count < 10000) {
digg_count = (count / 1000).toFixed(1) + "K" digg_count = (count / 1000).toFixed(1) + "K"
} else { } else {
digg_count = (count / 10000).toFixed(1) + "W" digg_count = (count / 10000).toFixed(1) + "W"
} }
$("#aweme_digg_count").html(digg_count); $("#aweme_digg_count").html(digg_count);
count = result.statistics.comment_count; count = result.statistics.comment_count;
var comment_count; var comment_count;
if (count < 1000) { if (count < 1000) {
comment_count = count comment_count = count
} else if (count >= 1000 && count < 10000) { } else if (count >= 1000 && count < 10000) {
comment_count = (count / 1000).toFixed(1) + "K" comment_count = (count / 1000).toFixed(1) + "K"
} else { } else {
comment_count = (count / 10000).toFixed(1) + "W" comment_count = (count / 10000).toFixed(1) + "W"
} }
$("#aweme_comment_count").html(comment_count); $("#aweme_comment_count").html(comment_count);
count = result.statistics.collect_count; count = result.statistics.collect_count;
var collect_count; var collect_count;
if (count < 1000) { if (count < 1000) {
collect_count = count collect_count = count
} else if (count >= 1000 && count < 10000) { } else if (count >= 1000 && count < 10000) {
collect_count = (count / 1000).toFixed(1) + "K" collect_count = (count / 1000).toFixed(1) + "K"
} else { } else {
collect_count = (count / 10000).toFixed(1) + "W" collect_count = (count / 10000).toFixed(1) + "W"
} }
$("#aweme_collect_count").html(collect_count); $("#aweme_collect_count").html(collect_count);
count = result.statistics.share_count; count = result.statistics.share_count;
var share_count; var share_count;
if (count < 1000) { if (count < 1000) {
share_count = count share_count = count
} else if (count >= 1000 && count < 10000) { } else if (count >= 1000 && count < 10000) {
share_count = (count / 1000).toFixed(1) + "K" share_count = (count / 1000).toFixed(1) + "K"
} else { } else {
share_count = (count / 10000).toFixed(1) + "W" share_count = (count / 10000).toFixed(1) + "W"
} }
$("#aweme_share_count").html(share_count); $("#aweme_share_count").html(share_count);
$("#loading").attr("style", "display:none;");//隐藏 loading $("#icons").attr("style", "display:flex;");//显示 icons
$("#download").attr("style", "display:block;");//显示 download $("#icon").attr("style", "display:table-row;");//显示 icon
// alert("SUCCESS"); $("#music").attr("style", "display:inline;");//显示 music
// 执行弹框
narnSuccess(); $("#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 { } else {
$("#loading").attr("style", "display:none;");//隐藏 loading $("#loading").attr("style", "display:none;");//隐藏 loading
$("#download").attr("style", "display:none;");//隐藏 download $("#download").attr("style", "display:none;");//隐藏 download
@ -120,7 +158,17 @@ function narnSuccess() {
function narnFail() { function narnFail() {
naranja().error({ naranja().error({
title: '解析失败', title: '解析失败',
text: '视频不存在或接口失效', text: '直播/视频/图集不存在或接口失效',
icon: true,
timeout: 5000,
buttons: []
})
}
function narnWarn() {
naranja().warn({
title: '提示',
text: '直播未开始',
icon: true, icon: true,
timeout: 5000, timeout: 5000,
buttons: [] buttons: []
@ -151,6 +199,22 @@ window.addEventListener('DOMContentLoaded', function () {
// image.click(); // image.click();
viewer.show(); 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
View File

File diff suppressed because one or more lines are too long

16
templates/index.html
View File

@ -44,7 +44,8 @@
<p style="color:#00c4b6;font-size:32px;">抖音去水印工具</p> <p style="color:#00c4b6;font-size:32px;">抖音去水印工具</p>
<br> <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> <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"> <form id="form1" onsubmit="return false" action="#" method="post" class="d-flex error-page-form">
{# 以前需要手动选择 图片 或者 视频 现在加了自动判断#} {# 以前需要手动选择 图片 或者 视频 现在加了自动判断#}
@ -55,7 +56,7 @@
{# </select>#} {# </select>#}
{# </div>#} {# </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> <button type="reset" onclick="SendAjax()">解析</button>
</form> </form>
{# <div class="social-coming-icons">#} {# <div class="social-coming-icons">#}
@ -85,20 +86,20 @@
<p id="nickname" class="nickname"></p> <p id="nickname" class="nickname"></p>
</div> </div>
<div class="info"> <div class="info">
<div class="icons"> <div id="icons" class="icons">
<div class="icon"> <div id="icon" class="icon">
<i class="fa fa-heart" style="color:#fd325c;" aria-hidden="true"></i> <i class="fa fa-heart" style="color:#fd325c;" aria-hidden="true"></i>
<p id="aweme_digg_count"></p> <p id="aweme_digg_count"></p>
</div> </div>
<div class="icon"> <div id="icon" class="icon">
<i class="fa fa-comment" style="color:#efeeec;" aria-hidden="true"></i> <i class="fa fa-comment" style="color:#efeeec;" aria-hidden="true"></i>
<p id="aweme_comment_count"></p> <p id="aweme_comment_count"></p>
</div> </div>
<div class="icon"> <div id="icon" class="icon">
<i class="fa fa-star" style="color:#fcb505;" aria-hidden="true"></i> <i class="fa fa-star" style="color:#fcb505;" aria-hidden="true"></i>
<p id="aweme_collect_count"></p> <p id="aweme_collect_count"></p>
</div> </div>
<div class="icon"> <div id="icon" class="icon">
<i class="fa fa-share" style="color:#e7e8e6;" aria-hidden="true"></i> <i class="fa fa-share" style="color:#e7e8e6;" aria-hidden="true"></i>
<p id="aweme_share_count"></p> <p id="aweme_share_count"></p>
</div> </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/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/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/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> </body>
</html> </html>