主页 / user-5707857

marco's questions

Martin Hope
marco
Asked: 2024-11-19 18:08:03 +0800 CST
  • 6

我想使用 javascript 录制一些音频。我找到了一些解释，但对我来说不起作用。据我了解，下面的代码stop应该触发addEventListener('dataavailable' ...。但据我所知，此代码从未执行过。有人能告诉我我必须更改什么才能eventlistener执行吗？

var demo = document.getElementById("demo")
const startButton = document.getElementById('start');
const stopButton = document.getElementById('stop');

let media_recorder
let audioChunks = []

// https://developers.deepgram.com/docs/getting-started-with-pre-recorded-audio
// https://www.tutorialspoint.com/how-to-record-and-play-audio-in-javascript
navigator.mediaDevices.getUserMedia({ audio: true })
    .then(stream => {
        demo.innerHTML += "demo"
        // https://developer.mozilla.org/en-US/docs/Web/API/MediaRecorder/dataavailable_event
        media_recorder = new MediaRecorder(stream);
        media_recorder.addEventListener('dataavailable', e => {
            audioChunks = []
            audioChunks.push(e.data);
        });

        startButton.addEventListener('click', () => {
            // audioChunks = [];
            media_recorder.start();
            demo.innerHTML += 'Recording started! Speak now.';
        });

        stopButton.onclick = () => {
            media_recorder.stop();
            demo.innerHTML += "stop "
            audioChunks = []
            demo.innerHTML += "Recording stoped!"
        };
    }).catch (err => {
        demo.innerHTML += err
    })
javascript
Martin Hope
marco
Asked: 2024-11-18 05:19:39 +0800 CST
  • 6

我在 django 项目中有带有 javascript 的 html 代码：

<body>
<-- some html>
</body>
<script>
import fs from "fs"
// some javascript
</script>

现在我收到了错误import declarations may only appear at the top level of a module。

我做错了什么？有没有一些参考资料可以解释 JavaScript 中的导入工作原理？我还不习惯使用 JavaScript，在所有其他语言中，我从未遇到过导入语句的问题。

javascript
Martin Hope
marco
Asked: 2024-11-08 15:39:39 +0800 CST
  • 5

我尝试制作一个在我选择它时和取消选择它时checkbox应该返回的东西。truefalse

<input type="checkbox" id="10101" name="10101" 
onchange="update_C('10101', 40)" value="true">

然后我update_C用

document.getElementById('10101').value

true但是，每次选中或取消选中复选框时，这总会返回。

我找到了一些关于如何实现此问题的建议，但它们太旧了，我没能使它们发挥作用。有没有“新”的解决方案可以解决这个问题？

一个解决方法是使用具有真/假值的单选按钮，但我更喜欢复选框。

html
Martin Hope
marco
Asked: 2024-10-11 21:13:17 +0800 CST
  • 5

我有一个蓝色方块，当我将鼠标悬停在它上面时，应该会出现另外两个物体。

到目前为止，仅出现一个对象（文本），而另一个对象（红色方块）仍然隐藏。

如何让鼠标悬停在蓝色方块上时，红色方块和文本都出现？

var canvas = document.getElementById("svg_canvas");

var square = document.createElementNS('http://www.w3.org/2000/svg',"rect");
square.setAttribute('x', 100)
square.setAttribute('y',  100)
square.setAttribute('width', 100)
square.setAttribute('height', 100)
square.setAttribute("fill", "blue");
square.setAttribute("class", "HoveringClass");
canvas.appendChild(square);

var hover_text = document.createElementNS('http://www.w3.org/2000/svg', "text");
hover_text.setAttribute('id','termin_text');
hover_text.setAttribute('x', 200)
hover_text.setAttribute('y',  200)
hover_text.setAttribute("class", "hide");
hover_text.textContent = "hello world";
canvas.appendChild(hover_text);

var square2 = document.createElementNS('http://www.w3.org/2000/svg',"rect");
square2.setAttribute('id','termin_rect' + 1);
square2.setAttribute('x', 50)
square2.setAttribute('y',  50 )
square2.setAttribute('width', 50)
square2.setAttribute('height', 50)
square2.setAttribute("fill", "red");
square2.setAttribute("class", "hide");
canvas.appendChild(square2);
<svg id="svg_canvas" viewBox="0 0 1200 600" width="1200px" height="600px" xmlns="http://www.w3.org/2000/svg"></svg>

javascript