JavaScript发布内容至抖音 H5 场景

最新推荐文章于 2024-07-26 10:42:30 发布

木子李0531

最新推荐文章于 2024-07-26 10:42:30 发布

阅读量1.4k

点赞数 1

文章标签：发布内容至抖音 H5 场景

本文链接：https://blog.csdn.net/lfbin5566/article/details/131193526

版权

这段HTML代码展示了如何创建一个链接，当用户点击时，会调用JavaScript函数`myFunction()`来分享一个视频到抖音。它使用了dy_open_util库，配置了应用Key、随机字符串、时间戳、验签签名以及视频路径等参数，还支持添加话题和小程序信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<body>
  <a href='javascript:void(0)' onclick="myFunction()" style="font-size:25px;">点击发抖音</a>
</body>
<script src="https://lf3-static.bytednsdoc.com/obj/eden-cn/fljpeh7hozbf/douyin_open/cdn/dy_open_util_v0.0.6.umd.js"></script>
<script>
// script 引入
const schema = window.dy_open_util.serialize({
  share_type: "h5",//写死为h5
  client_key: 'xxxxxx',//应用key
  nonce_str: 'xxxxxx',//随机字符串
  timestamp: '1686643221',//时间戳
  signature: 'xxxxxx',//验签签名
  video_path: 'https://www.xxx.com/assets/img/20230612163729.mp4',//视频文件路径（单个，不能超过128M)当前支持的格式包含 mp4/mov。
  share_to_publish: 0,//为1时直接分享到抖音发布页（仅视频）
  hashtag_list: JSON.stringify(["hashtag1", "hashtag2"]),//支持有第三方预设内容分享抖音时默认携带的话题，指定的话题会展现在发布页面，用户可自行删除该话题，该话题类型支持商业化话题和普通话题。发布后同抖音原生话题没有差别。
  //添加小程序。视频成功发布视频后，在视频左下角带有小程序入口。
  //{ "appId":"小程序appId", "appTitle":"小程序标题", "description":"小程序描述语", "appUrl":"小程序中生成该页面时写的path地址" }
  // 注：需要添加的小程序需先在小程序平台开通「通用短视频挂载」能力后，才能被添加并显示
  micro_app_info: JSON.stringify({
    appId: "xxxxxx",
    appTitle: "全集观看",
    description: "点击观看精彩后续",
    appUrl: "pages/theater/theater",
  }),
});
function myFunction(){
  window.location.href = schema;
}
</script>
</html>