抖音实战~分享模块~复制短视频链接

文章目录

一、可见范围
- 1. 自己发布短视频
- 2. 其他人发布短视频
二、源码分析
- 2.1. 底部窗口popup
- 2.2. 实现组件uni-popup 弹出层
- 2.3. 插件涉及组件
- 2.4. 组件改造
- 2.5. 关键的api
三、作品鉴赏
- 3.1. 自己发布视频
- 3.2. 复制链接

一、可见范围

保存到相册、复制链接、二维码都是前端完成的

1. 自己发布短视频

自己发布的短视频会有“保存到相册、复制链接、二维码、转为私密”

2. 其他人发布短视频

其他人发布短视频，自己只能看到“保存到相册、复制链接、二维码”

二、源码分析

2.1. 底部窗口popup

<view><!-- 底部窗口popup --><uni-popup ref="comment" type="comment"><uni-popup-comments :thisVlogerId="thisVlogerId" :thisVlogId="thisVlogId"></uni-popup-comments></uni-popup><uni-popup ref="share" background-color="#fff" type="share"><uni-popup-share :thisVlogerId="thisVlogerId" :thisVlogId="thisVlogId" :vlogUrl="thisVlog.url":isPrivate="thisVlog.isPrivate"></uni-popup-share></uni-popup></view>

2.2. 实现组件uni-popup 弹出层

插件链接：https://ext.dcloud.net.cn/plugin?id=329

组件案例：

2.3. 插件涉及组件

插件包括4种组件：“uni-popup-comments、uni-popup-dialog、uni-popup-message、uni-popup-share”

2.4. 组件改造

uni-popup-share

2.5. 关键的api

官网api：
uni.setClipboardData(OBJECT)

涉及关键的api：uni.setClipboardData(OBJECT)

示例：

uni.setClipboardData({data: 'hello',success: function () {console.log('success');}
});

调整后

     copyLink() {uni.setClipboardData({data: this.vlogUrl,success:()=>{uni.showToast({//提示title:'复制成功'})}});},

复制后链接：
在浏览器可以在线播放的

https://vkceyugu.cdn.bspapp.com/VKCEYUGU-912ebac0-be4a-440a-be59-c5bdba836d9c/76c6e411-0309-4ace-8ac4-f8c1a6fdba68.mp4

三、作品鉴赏

3.1. 自己发布视频

3.2. 复制链接

抖音实战~分享模块~复制短视频链接相关推荐

抖音实战~分享模块~生成短视频二维码
文章目录一.可见范围 1. 自己发布短视频 2. 其他人发布短视频二.源码分析 2.1. 底部窗口popup 2.2. 实现组件uQRCode 2.3. 插件涉及组件 2.4. 组件改造 2.5. ...
抖音实战~分享模块~短视频下载（保存到相册）
文章目录一.可见范围 1. 自己发布短视频 2. 其他人发布短视频二.源码分析 2.1. 底部窗口popup 2.2. 实现组件uni-popup 弹出层 2.3. 插件涉及组件 2.4. 组件改 ...
抖音实战~公开/私密短视频互转
文章目录一.需求分析 1. 公开转私密~流程图 2. 公开转私密~流程简述 3. 私密转公开~流程图 4. 私密转公开~流程简述二.代码实战 2.1. 公开转私密 2.2. 私密转公开 2.3. ...
【方案分享】2022政务类抖音运营方案：政务短视频号运营指南.pptx（附下载链接）...
省时查报告-专业.及时.全面的行研报告库省时查方案-专业.及时.全面的营销策划方案库近两年热门报告合集(按月度免费下载)[干货]2021社群运营策划方案.pptx 抖音平台新媒体百问百答大萧条来 ...
“抖音”式的酷炫短视频开发进阶
"抖音"式的酷炫短视频开发进阶原创 2018-01-19 展晓凯 LiveVideoStack 2017年短视频应用的爆发,再次改变了人们,尤其是年轻人的生活习惯,快手.抖音等应 ...
抖音获客源码，短视频获客系统，获客SaaS有标准答案吗？
抖音获客源码,短视频获客系统,获客,这一SaaS行业的垂直细分领域,有没有可能,存在一种标准答案? 带着疑问打开浏览器,在某度中,我们尝试输入"抖音获客源码"."短视频获 ...
QuestMobile：抖音快手双巨头并进短视频时长超越在线视频
短视频行业全面爆发一年后,如今到了阶段性观察竞争格局与成果的时刻. 1月22日,第三方数据机构QusestMobile发布了中国移动互联网2018年度大报告,总结了移动互联网2018八大关键词.201 ...
python快手数据采集_抖音、快手数据采集，短视频监测大屏
抖音.快手数据采集,短视频监测大屏本文介绍在数据采集过程中不可或缺的一枚神器--数据采集监控大屏,如果想了解数据采集过程中的一些技术,欢迎查阅我的另外几篇文章,文末附有两篇数据采集文章的链接.先看下 ...
武汉新时标文化传媒有限公司抖音无水印高清短视频素材怎么找？
我们刷抖音的时候,各种各样的视频内容都有, D动漫轻动漫文字视频图片视频影视剪辑原创视频等等,制作一个好视频都需要下苦功夫,当然有些视频的制作成本比较高,例如3D动漫,专业的剧情原创视频等 ...