会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132905个问题
Python 全系列/第一阶段:Python入门/面向对象 13711楼
Python 全系列/第一阶段:Python入门/面向对象 13712楼
Python 全系列/第九阶段:Flask百战电商后台系统/Flask百战电商后台项目 13713楼
Python 全系列/第一阶段:Python入门/Python入门(动画版) 13714楼
Python 全系列/第一阶段:Python入门/控制语句 13716楼
JAVA 全系列/第一阶段:JAVA 快速入门/JAVA入门和背景知识 13718楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <video src="" height="500px" width="500px" id="video"></video>
    <canvas id="canvas" width="500px" height="500px"></canvas>
    <button class="btn1" onclick="getMedia()">视频</button>
    <button class="btn2" onclick="takePhone()">拍照</button>
    <script>
      /*调用用户设备
      *调用摄像头  移动端会给用户选择 1打开相册 2打开摄像头  pc端直接调用摄像头

      *调用麦克风  直接调用

      *调用方法getUserMedia();
      * Navigator.mediaDevices.getUserMedia(constraints,successCallback,errorCallback)
      
      * constraints 设备类型
      {
      video:true  //s摄像头
      Audio: true //麦克风 
      }
      */
     function getMedia(){
         var video=document.getElementById('video');
         /*
         Navigator.mediaDevices.getUserMedia  该方法返回一个promise对象
         当该方法对象成功返回后 的回掉函数会带有一个MediaStream对象作为其参数
         then()是promise的异步方法,当then()前的所有方法执行完毕后在执行then()方法避免数据没有获取到
          */
         var constraints={
             video:{height:500,width:500},
             audio:true
         }
        var promise=navigator.mediaDevices.getUserMedia(constraints)
        promise.then(function(MediaStream){
            video.srcObject=MediaStream;
            video.play();
        })
     }

    </script>
</body>
</html>

老师不行喔 报错  是因为我电脑没摄像头吗  但是手机打不开

image.png

WEB前端全系列/第九阶段:HTML5新特性模块/(旧)H5新特性 13721楼
JAVA 全系列/第一阶段:JAVA 快速入门/变量、数据类型、运算符 13722楼

package com.bjsxt;
import java.awt.*;
import javax.swing.*;

public class BallGame extends JFrame{

    Image ball = Toolkit.getDefaultToolkit().getImage("images/ball.png");
    Image desk = Toolkit.getDefaultToolkit().getImage("images/desk.png");

    double x = 200;
    double y = 200;
    double degree = 3.14/3;   //这里的3.14是弧度,3.14弧度=180度

    boolean right =true;     //控制小球的水平位移方向


    //绘制窗口
    public void paint(Graphics g){
        System.out.println("窗口被画了一次!");
        g.drawImage(desk,0,0,null);
        g.drawImage(ball,(int)x,(int)y,null);

        x = x + 10*Math.cos(degree);
        y = y + 10*Math.sin(degree);

        //遇到上下边界
        if (y<70 || y>501-40-30){
            degree = - degree;
        }
        if (x>856-40-30||x<40){
            degree = 3.14- degree;
        }

    }



    //创建窗口
    void launchFrame(){
        setSize(856,501);
        setLocation(100,100);
        setVisible(true);

        //每秒绘制窗口25次
        while (true){
            repaint();

            try {
                Thread.sleep(40); //1s = 1000ms ,1秒25次等价于40毫秒一次
            } catch (InterruptedException e) {
                e.printStackTrace();
            }

        }
    }

    public static void main(String[] args){

        System.out.println("我的小游戏开始了!");

        BallGame ballGame = new BallGame();
        ballGame.launchFrame();
    }
}

老师我这个能跑起来,但是它的上边界有点问题,用

 if (y<70 || y>501-40-30)

才能达到预期效果,我用QQ截图截了一下运行效果,发现它把框体的高度也算进去了。这是为什么呀


框体高度.png

JAVA 全系列/第一阶段:JAVA 快速入门/IDEA的使用和第一个java项目 13724楼
JAVA 全系列/第一阶段:JAVA 快速入门/JAVA入门和背景知识 13725楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637