Question

一段时间以来，我一直试图找到有关此的任何和所有信息，但在任何地方都找不到任何信息。让我给您一些代码，以便您更好地了解我要做什么。

我有一个应用程序组件，它只在导航元素中显示一个标题，并且应该显示一个按钮，如果 PassiveActive 为 false，则显示“Record”；如果 PassiveActive 为 true，则显示实时视频。

import React, { useState } from 'react';

import PassiveActive from './Components/PassiveActive';

function App() {
    return (
        <>
            <nav>
                <h1>Title</h1>
            </nav>
            <main>
                <PassiveActive />
            </main>
        </>
    );
}

export default App;

下面的 React 组件只是用来确定屏幕上显示的内容、录制的选项或正在录制的视频。

import React, { useState } from 'react';

function PassiveActive() {
    const [PassiveActive, setPassiveActive] = useState(false);

    const handleSubmit = () => {
        setPassiveActive(!PassiveActive);
    }

    return (
        <>
            <main>
                {
                    PassiveActive === false 
                    ? 
                    <button onClick={handleSubmit}>Record</button> 
                    : 
                    <>
                        <span onClick={handleSubmit}>X</span>
                        <p>Video</p>
                    </>
                }
            </main>
        </>
    );
}

export default PassiveActive;

当我按下“录制”按钮时，我想开始在手机上录制视频。比如，我希望应用访问我的相机并用它来录制视频。

我将继续寻找解决此问题的新方法，但在此之前，提前致谢！

访问 iPhone 相机录制视频

0 个答案: