当前位置:首页 > 软件开放 > 正文内容

当前时间代码(当前时间的代码)

软件开放1年前 (2024-01-06)503

在 CSS-Tricks 上看到一篇介绍 Web Audio API 的文章,学以致用,为工具箱中的摩斯密码转换器加上了在线播放功能。

从 AudioContext 开始

Web Audio API 主要通过 AudioContext 来处理音频,就好像 RenderingContext 之于 Canvas API。

// Safari 需要 `webkit` 前缀

varAudioContext= window.AudioContext|| window.webkitAudioContext;

varctx = newAudioContext();

通常一个典型的 Web Audio API 操作流程是这样的:

创建音频上下文对象

创建音频源:音频文件、振荡器(生成声波)或音频流(摄像头/麦克风)

连接效果节点

输出音频

通过 Oscillator(振荡器)生成声波

Oscillator 可以发出指定波形和频率的声波。

让我们来听下四种常见的波形:方波 (square)、三角波 (triangle)、正弦波 (sine) 和锯齿波 (sawtooth)

展开全文

当前时间代码(当前时间的代码)

通过 Oscillator,我们无需音频文件,就能生成和电报一样的声音:

varoscillator = ctx.createOscillator();

// 设置波形

oscillator.type = "sine";

// 设置频率

oscillator.frequency.value = 600;

为了把音频输出到扬声器,你需要将各个节点连接起来。接着上面的代码,将 Oscillator 节点连接到 AudioContext.destination(即输出设备),调用 start() 方法开始播放。

varAudioContext= window.AudioContext|| window.webkitAudioContext;

varctx = newAudioContext();

varoscillator = ctx.createOscillator();

oscillator.type = "sine";

oscillator.frequency.value = 600;

oscillator.connect(ctx.destination);

oscillator.start();

要更改音量,你需要连接一个 GainNode(音量控制器)节点。新的节点路由变成了:oscillator - gainNode - destination

vargainNode = ctx.createGain();

oscillator.connect(gainNode);

gainNode.connect(ctx.destination);

// 从第 0 秒开始设置音量为 0.5

gainNode.gain.setValueAtTime(0.5, 0);

gainNode.gain返回的是一个 AudioParam 对象,它有一个 setValueAtTime(value, startTime) 方法来在指定时间设置指定值。

// AudioContext.currentTime 返回的是当前时间

gainNode.gain.setValueAtTime(0.5, ctx.currentTime + 0);

// 1 秒后恢复音量

gainNode.gain.setValueAtTime(1.0, ctx.currentTime + 1);

摩尔斯电码(英语:Morse code)是一种时通时断的信号代码,通过不同的排列顺序来表达不同的英文字母、數字和标点符号。是由美國人艾爾菲德·維爾(Alfred Lewis Vail)與萨缪尔·摩尔斯(Samuel Finley Breese Morse)在1836年发明。 —— 维基百科

摩尔斯电码(英语:Morse code)是一种时通时断的信号代码,通过不同的排列顺序来表达不同的英文字母、數字和标点符号。是由美國人艾爾菲德·維爾(Alfred Lewis Vail)與萨缪尔·摩尔斯(Samuel Finley Breese Morse)在1836年发明。 —— 维基百科

播放摩斯密码所需要的 Web Audio API 上文都已介绍,现在我们只需要根据摩斯密码在不同的时间点设置音量为 1 或 0 就能实现电报效果了。

小结

本文只介绍了 Web Audio API 的冰山一角,更多的特性就等你自己发掘了~

HTML5 音频 API Web Audio

阅读剩余的40%

扫描二维码推送至手机访问。

版权声明:本文由飞速云SEO网络优化推广发布,如需转载请注明出处。

本文链接:http://zspsrg.cn/post/77036.html

“当前时间代码(当前时间的代码)” 的相关文章

十大软件公司排行榜(全国前十名的软件公司)

十大软件公司排行榜(全国前十名的软件公司)

今天给各位分享十大软件公司排行榜的知识,其中也会对全国前十名的软件公司进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、中国十大软件公司是哪些公司??中国十大软件是哪些软件? 2、中国saas软件十大排名 3、erp软件排名 4、软件开发十大排行榜...

pycharm圣诞树源码教程(圣诞树代码Python)

pycharm圣诞树源码教程(圣诞树代码Python)

今天给各位分享pycharm圣诞树源码教程的知识,其中也会对圣诞树代码Python进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、pycharm中的圣诞树怎么加动态新图片 2、圣诞树python用的是什么曲线 3、如何将pycharm编写的源代码文件...

木马软件怎么盗取通讯录(木马软件怎么盗取通讯录信息)

木马软件怎么盗取通讯录(木马软件怎么盗取通讯录信息)

本篇文章给大家谈谈木马软件怎么盗取通讯录,以及木马软件怎么盗取通讯录信息对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、手机微信扫描二维码木马病毒,通讯录信息会被盗吗 2、现在骗子通过一个软件能把手机上全部号码盗走吗 3、诈骗软件能获取微信通讯录 4、当心手机...

怎么自己搭建服务器(怎么自己搭建服务器连接)

怎么自己搭建服务器(怎么自己搭建服务器连接)

本篇文章给大家谈谈怎么自己搭建服务器,以及怎么自己搭建服务器连接对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、如何自己架设服务器 2、如何用自己的电脑搭建服务器 3、如何在家搭个小型服务器? 4、如何搭建自己的服务器 5、怎么用自己的电脑做服务器?...

autojs源码(autojs源码提取器)

autojs源码(autojs源码提取器)

今天给各位分享autojs源码的知识,其中也会对autojs源码提取器进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、手机autojs 怎样host跳过活着屏蔽广告源码 2、大量autojs常用代码介绍以及示例 3、Autojs微信自动操作免root...

阿拉德之怒差不多的游戏(跟阿拉德之怒差不多的游戏)

阿拉德之怒差不多的游戏(跟阿拉德之怒差不多的游戏)

本篇文章给大家谈谈阿拉德之怒差不多的游戏,以及跟阿拉德之怒差不多的游戏对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、请问一下勇士守护者和阿拉德之怒一样吗 2、阿拉德之怒停服了还有什么类似的吗 3、有没有类似dnf的手游? 4、各位大神有没有好玩的格斗游戏类似...