基于layui开发的短视频解析单页源码

前言说明

这是一个基于layui开发的短视频解析单页HTML源码，您可以将其部署在本地或上传到网站，以搭建一个视频解析页面。该页面的解析功能可以根据您提供的API接口而定，支持解析多个视频分享平台的链接。

基本源码

使用说明

使用该页面，用户只需输入视频分享链接，点击提交按钮，即可解析并获取视频信息。解析结果包括视频作者、创建时间、描述等信息，并在页面上显示视频播放器。用户还可以选择下载解析后的视频文件。

其他说明

解析接口采用了三方接口，接口可能会失效，如接口失效可参考如下的json格式，通过自定义API接口，您可以支持不同的视频分享平台，只需将解析逻辑集成到接口中即可。这样，该页面就能够支持您指定的平台的视频解析功能。

json格式

{
    "code": 200,
    "msg": "解析成功",
    "data": {
        "author": "乜秋秋",
        "uid": "QQ166cm",
        "avatar": "https://p3.douyinpic.com/aweme/1080x1080/aweme-avatar/mosaic-legacy_2f86c000358a93e01da03.webp?from=116350172",
        "like": 412060,
        "time": 1646541781,
        "title": "#beyond #黄家驹 #大地   你知道呢首歌想表達嘅意思係乜嘢嗎 ？",
        "cover": "https://p26-sign.douyinpic.com/tos-cn-p-0015/ebcbce39e0f24ff1944cdc503339d9bf_1646541783~tplv-dy-360p.webp?x-expires=1707105600&x-signature=hNE4hEvLru4IQMmn5iYmTgHGzks%3D&from=3213915784&s=PackSourceEnum_AWEME_DETAIL&se=false&sc=origin_cover&biz_tag=aweme_video&l=20240122123932F8CE088FBC5A8A082836",
        "url": "https://v26-cold.douyinvod.com/9c10d1a12f8bbdd745aa0fd95ada2c05/65adffa0/video/tos/cn/tos-cn-ve-15-alinc2/803b702cb9bc4de0ae618e5cf3055c60/?a=1128&ch=26&cr=3&dr=0&lr=all&cd=0%7C0%7C0%7C3&cv=1&br=548&bt=548&cs=0&ds=6&ft=zJS~-PPT2OQjbBBK6BRfuLixLlM5SrqJq0z7TGbL&mime_type=video_mp4&qs=0&rc=Nzc8aTNpNWlkMzQ8aWc8Z0BpajUzNmU6ZmU2OzMzNGkzM0AtMjReNl4tXy0xLzFhNDI0YSMwXmlicjRnamZgLS1kLWFzcw%3D%3D&btag=10e00088000&dy_q=1705898372&l=20240122123932F8CE088FBC5A8A082836",
        "music": {
            "author": "乜秋秋",
            "avatar": "https://p3.douyinpic.com/aweme/1080x1080/aweme-avatar/mosaic-legacy_2f86c000358a93e01da03.webp?from=116350172",
            "url": "https://sf86-cdn-tos.douyinstatic.com/obj/ies-music/7071843108300524296.mp3"
        }
    }
}

截图展示

该页面使用了layui框架，具有美观的界面和友好的交互体验。您可以根据需要对页面进行进一步的样式和布局调整。