仿抖音 短视频小程序

本文介绍了如何开发一款类似抖音的短视频小程序,涵盖了前端技术和小程序的用户体验设计。
摘要由CSDN通过智能技术生成

短视频小程序
前端在这里插入图片描述
小程序体验
在这里插入图片描述

var services = require('../../lib/service')
 
var ReceiverOptions = null;
Page({
  data: {
    loading: false,
    videoInfo: {}, //{videoId:0,videourl:'',title:''}
    //0:加载完成(还有数据)  1:加载中  2:加载完成(没有更多数据了)
    searchLoadingStatus: 2,
    //1:已授权  0:未授权
    typeCode: 0,
    //搜索位置名称
    searchKeyWord: '',
    systemInfo: {},
    //视频下载状态 0:未下载  1:正在下载
    videoDownLoadStatus: 0,
    videoDownProgress: 0,
    videoPlayCoverList: [],
    //是否显示下载视频按钮
    showDownLoadBtn: false,
    //显示分享按钮
    showShareVideoBtn: false,
    //是否显示在线客服
    showOnlineKf: false,
    //积分总数
    creditsAmountSum: 0,
    //视频下载Url
    downLoadVideoUrl: '',
    //视频下载提示语
    downloadVideoWaitRemindText: '正在生成视频地址,请稍后...'
  },
  onLoad(options) {
    var that = this;
 
    wx.getSystemInfo({
      success: function(res) {
        that.setData({
          systemInfo: res //windowWidth,windowHeight
        });
        console.log(res);
      }
    });
    getApp().getWxLoginInfo(function() {
      that.loadSupportPlat(true);
      that.videoSystemSetting();
    });
  },
  onShow() {
    var that = this;
 
    var userLoginStatus = getApp().globalData.UserInfo.UserLoginStatus;
    if (userLoginStatus) {
      that.loadSupportPlat(false);
    }
    wx.getClipboardData({
      success(res) {
        console.log(res.data);
        var linkStr = res.data;
        if (linkStr.indexOf('http:') >= 0 || linkStr.indexOf('https:') >= 0) {
 
          //清空剪切板内容
          wx.setClipboardData({
            data: ' ',
            success(clearRes) {
              wx.hideToast();
            }
          })
 
          wx.showModal({
            title: '是否粘贴剪切板中的链接地址'
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值