现在我需要如图的这个功能，就是打开小程序自动调用摄像头，并且把摄像头的实时内容渲染成背景，不知道这个需求的怎么弄出来，一点点头绪都没有，希望社区的人能给我点启发，谢谢。
2 个回答
请 登录 后发表内容
相关问题
相关文档
- render-texture#使用渲染纹理: 小程序/开发/组件/XR-FRAME/渲染/渲染到纹理(RenderTexture)
- render-texture#创建渲染纹理: 小程序/开发/组件/XR-FRAME/渲染/渲染到纹理(RenderTexture)
- wx.setBackgroundColor: 小程序/开发/API/界面/背景/wx.setBackgroundColor
- wx.setBackgroundColor#功能描述: 小程序/开发/API/界面/背景/wx.setBackgroundColor
- wx.setBackgroundColor#参数: 小程序/开发/API/界面/背景/wx.setBackgroundColor
没得搞。
这是哪个小程序
已经实现了
<!--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)
})
},
})
}
})