Question

我需要创建一个“开始/停止”（单个按钮）以将记录命令发送到摄像机。

命令通过使用php编写的命令管道发送。

按钮应存储其值。这样，刷新页面时，它会记住上一个值。

例如：

我第一次点击“开始”按钮。它会发送命令开始录制并将其自身更改为“停止”。如果我重新加载页面，我会找到一个“停止”按钮，该按钮将发送命令以停止录制。单击后，它将返回默认状态，即“开始”。

可以有人帮忙吗？

这是我到目前为止所拥有的：

HTML

<input type="button" value="Start" onclick="javaScript:startstopRecording()" id="startButton">

JS

var recording = null;
function init(){

}

startstopRecording = function(){
    if(recording != null){
        stop();
    } else {
        start();

    }
    change();
}

function start(){
}

change = function(){
var elem = document.getElementById("startButton");
if (elem.value=="Stop") elem.value = "Start";
else elem.value = "Stop";
}

stop = function(){
    recording = null;
}
window.onload = recording;

Answer 1

您可以使用JavaScript localStorage

只读的localStorage属性允许您访问文档来源的Storage对象。存储的数据跨浏览器会话保存。 localStorage与sessionStorage相似，不同之处在于，尽管localStorage中存储的数据没有到期时间，但是在页面会话结束时（即页面关闭时），会清除sessionStorage中存储的数据。

您应该在按下按钮后在localStorage中设置一个项目：

window.localStorage.setItem("recording", 1); // or 0

这样您可以获得状态的最新值：

var recording = window.localStorage.getItem('recording');

这里有更多帮助您了解它的信息：

var recording = window.localStorage.getItem('recording');
startstopRecording = function(){
    if(recording == 1) {
        stop();
    } else {
        start();
    }
    change();
}

function start() {
    //start recording
    window.localStorage.setItem("recording", 1);
}

function stop()  {
    //stop recording
    window.localStorage.setItem("recording", 0);
}
change();

START / STOP按钮，存储其值

1 个答案: