收藏
回答

小程序调用摄像头渲染背景


现在我需要如图的这个功能,就是打开小程序自动调用摄像头,并且把摄像头的实时内容渲染成背景,不知道这个需求的怎么弄出来,一点点头绪都没有,希望社区的人能给我点启发,谢谢。

最后一次编辑于  07-30  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

3 个回答

  • 米法
    米法
    07-30

    被标题误导了。实际上就是相机组件和cover-view

    07-30
    赞同
    回复
  • 老张
    老张
    07-30

    没得搞。

    07-30
    赞同
    回复 2
    • 404 Not Found
      404 Not Found
      07-30
      加油,搞出来的话,升职加薪指日可待
      07-30
      回复
    • 吴迪
      吴迪
      07-30回复404 Not Found
      上面老铁不是做出来了嘛,快给他加薪
      07-30
      回复
  • 少年啦
    少年啦
    07-30

    这是哪个小程序

    07-30
    赞同
    回复 9
    • 404 Not Found
      404 Not Found
      07-30
      小智云,您可以看下,希望有了头绪后,能给我说下。
      07-30
      回复
    • 少年啦
      少年啦
      07-30回复404 Not Found

      已经实现了

      07-30
      1
      回复
    • 404 Not Found
      404 Not Found
      07-30回复少年啦
      大佬哦,怎么搞得呀,给我说下呗
      07-30
      回复
    • 404 Not Found
      404 Not Found
      07-30
      是不是用了cover-view这个标签?
      07-30
      回复
    • 少年啦
      少年啦
      07-30

      <!--index.wxml-->

      <view class="container">

       <camera class="camera" style="height:{{screenHeight}}rpx">

         <cover-view class="controls">

           

           <cover-view class="time">你说的是不是这样你说的是不是这样00:00</cover-view>

         </cover-view>

       </camera>

      </view>



      .container{

       position: relative;

       width: 100%;

      }


      .camera{

       position: fixed;

       z-index: 100;

       width: 100%;

       height: 500rpx;

      }


      .test{

       position: fixed;

       z-index: 9999;

       top: 100rpx;

       font-size: 44rpx;

       color: #ffffff;

       background: #09b006

      }


      .controls {

       position: relative;

       top: 50%;

       height: 50px;

       margin-top: -25px;

       display: flex;

      }

      .play,.pause,.time {

       flex: 1;

       height: 100%;

      }

      .time {

       text-align: center;

       background-color: rgba(0, 0, 0, .5);

       color: white;

       line-height: 50px;

      }

      .img {

       width: 40px;

       height: 40px;

       margin: 5px auto;

      }




      //index.js

      //获取应用实例

      const app = getApp()


      Page({

       data: {

         

       },

       onLoad: function () {

         const that=this;

         wx.getSystemInfo({

           success: function(res) {

             console.log(res);

             that.setData({

               screenHeight: res.screenHeight * (750 / res.screenWidth)

             })

           },

         })

       }

      })



      07-30
      回复
    查看更多(4)