写一个移动端HTML页面 获取手机摄像头渲染在页面的代码 不要https协议

很抱歉，我需要更多的上下文和细节才能为您提供准确的代码示例。以下是一般步骤和示例代码：

1. 在HTML中添加视频元素

<video id="video" width="640" height="480" autoplay></video>

2. 获取媒体设备（摄像头）的权限

navigator.mediaDevices.getUserMedia({ video: true })
.then(function(stream) {
  var video = document.querySelector('#video');
  video.srcObject = stream;
  video.onloadedmetadata = function(e) {
    video.play();
  };
})
.catch(function(err) {
  console.log(err.name + ": " + err.message);
});

3. 如果您不想使用HTTPS协议，可以尝试使用HTTP协议，但这种方法会在某些浏览器上导致摄像头访问失败。您可以尝试在移动设备上使用以下代码，其中在iOS上使用了HTTP协议，在Android上使用了HTTPS协议，这是为了兼容多种情况：

var video = document.querySelector('#video');
if (navigator.userAgent.match(/iPhone|iPad|iPod/i)) {
  // iOS使用HTTP协议
  video.src = "http://your-video-url.mp4"; // replace with your video url
} else if (navigator.userAgent.match(/Android/i)) {
  // Android使用HTTPS协议
  navigator.mediaDevices.getUserMedia({ video: { facingMode: "environment" } })
  .then(function(stream) {
    video.srcObject = stream;
  })
  .catch(function(err) {
    console.log(err.name + ": " + err.message);
  });
} else {
  // 其他设备使用HTTPS协议
  navigator.mediaDevices.getUserMedia({ video: true })
  .then(function(stream) {
    video.srcObject = stream;
  })
  .catch(function(err) {
    console.log(err.name + ": " + err.message);
  });
}

请注意，使用HTTP协议可能会导致不安全的连接，并且不推荐在生产环境中使用。建议在生产环境中使用HTTPS协议。