抖音实战~公开/私密短视频互转

gblfy

已于 2022-06-27 10:38:55 修改

阅读量2.2k

点赞数

分类专栏：抖音App 文章标签：视频公开私密互转

于 2022-06-27 10:35:14 首次发布

本文链接：https://blog.csdn.net/weixin_40816738/article/details/125478721

版权

抖音App 专栏收录该内容

26 篇文章

订阅专栏

本文详细介绍了如何实现短视频的公开与私密状态切换，包括前端和后端的代码实现。在需求分析部分，阐述了公开转私密及私密转公开的流程，并展示了实际操作的步骤截图。在代码实战环节，提供了前端JavaScript和后端Java的接口调用示例。最后，通过作品鉴赏展示了公开短视频转私密和私密短视频转公开的用户界面效果。

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

在这里插入图片描述

文章目录

一、需求分析

1. 公开转私密~流程图

在这里插入图片描述

2. 公开转私密~流程简述

1. 从首页推荐~短视频列表观看某一个短视频
1. 点击短视频右侧分享
1. 选择转为私密
4.首页推荐~短视频列表中暂无转为私密的视频
5.视频到了个人中心~私密视频列表中

3. 私密转公开~流程图

在这里插入图片描述

4. 私密转公开~流程简述

1. 从个人中心~私密视频列表中，点击某一个短视频进入短视频详情
1. 点击短视频右侧分享
1. 选择转为公开
4.首页推荐~短视频列表中刷新，就可以看到刚转为公开的短视频

二、代码实战

前端

2.1. 公开转私密

// 用户把公开视频改为私密的视频
			changeVlogToPrivate() {
				var vlogId = this.thisVlogId;
				var me = this;
				var userId = getApp().getUserInfoSession().id;
				var serverUrl = app.globalData.serverUrl;
				uni.request({
					method: "POST",
					header: {
						headerUserId: userId,
						headerUserToken: app.getUserSessionToken()
					},
					url: serverUrl + "/vlog/changeToPrivate?userId=" + userId + "&vlogId=" + vlogId,
					success(result) {
						console.log(result);
						
						if (result.data.status == 200) {
							uni.showToast({
								title: "设置完毕~"
							})
						}
					}
				});
				
			}

2.2. 私密转公开

	// 用户把私密视频改为公开的视频
			changeVlogToPublic() {
				var vlogId = this.thisVlogId;
				var me = this;
				var userId = getApp().getUserInfoSession().id;
				var serverUrl = app.globalData.serverUrl;
				uni.request({
					method: "POST",
					header: {
						headerUserId: userId,
						headerUserToken: app.getUserSessionToken()
					},
					url: serverUrl + "/vlog/changeToPublic?userId=" + userId + "&vlogId=" + vlogId,
					success(result) {
						console.log(result);
						
						if (result.data.status == 200) {
							uni.showToast({
								title: "设置完毕~"
							})
						}
					}
				});
			}

后端

2.3. 公开转私密

 /**
     * 用户把视频改为公开/私密的视频
     *
     * @param userId 用户主键ID
     * @param vlogId 视频主键ID
     * @return
     */
    @PostMapping("changeToPublic")
    public GraceJSONResult changeToPublic(@RequestParam String userId,
                                          @RequestParam String vlogId) {
        vlogService.changeToPrivateOrPublic(userId,
                vlogId,
                YesOrNo.NO.type);
        return GraceJSONResult.ok();
    }

2.4. 短视频详情

列表视频点击某一个跳转短视频详情，和首页短视频列表以及搜索短视频列表点击某一个进行短视频详情原理一样，用的是一个接口

2.5. 私密转公开

/**
     * 用户把视频改为公开/私密的视频
     *
     * @param userId 用户主键ID
     * @param vlogId 视频主键ID
     * @return
     */
    @PostMapping("changeToPrivate")
    public GraceJSONResult changeToPrivate(@RequestParam String userId,
                                           @RequestParam String vlogId) {
        vlogService.changeToPrivateOrPublic(userId,
                vlogId,
                YesOrNo.YES.type);
        return GraceJSONResult.ok();
    }