js 写的节拍器 - V2EX
爱意满满的作品展示区。
est

js 写的节拍器

  •  
  •   est
    est Sep 29, 2024 3378 views
    This topic created in 614 days ago, the information mentioned may be changed or developed.

    https://lab.est.im/metronome/

    主要特色是计时准,操作简单,无广告。

    前因后果写了个 blog

    欢迎大家使用+吐槽

    Supplement 1    Sep 29, 2024
    14 replies    2024-09-30 11:26:02 +08:00
    colatin
        1
    colatin  
       Sep 29, 2024   1
    也来一个
    https://bpm.blue/
    shadowyue
        2
    shadowyue  
       Sep 29, 2024
    点赞。
    作为卖点的 计时准 怎么理解?
    est
        3
    est  
    OP
       Sep 29, 2024   1
    @shadowyue 博客里写了一点。

    setInterval 是有时间抖动( jitter )的。 这位做过实验 https://meowni.ca/posts/metronomes

    要想不抖,得放到 service worker 里。不如我这个版本简单
    murmur
        4
    murmur  
       Sep 29, 2024
    没有强和次强的区别吗
    est
        5
    est  
    OP
       Sep 29, 2024
    @murmur 你说的是。特强 - 强 - 中 这样的对比吗?下次一定 。。。
    murmur
        6
    murmur  
       Sep 29, 2024
    @est 比如说锦鲤抄 浮夸 这些歌,说是 2/4 ,实际上记谱用 6/8 更简单,而且谱子也是 1 xx 2xx 1xx 2xx 这样的节奏

    还有锦鲤抄的速度是 87.5 ,我也不知道为啥带小数,就这个数字特别深刻
    est
        7
    est  
    OP
       Sep 29, 2024
    @murmur 我大概明白你的意思。下一步设想是允许用户加减 beat 。然后每个 beat 音色自定义

    87.5 这个速度。。。有必要如此精确么。。实在不行我看放个 input 让用户自己输入好了。。。
    tyrone2333
        8
    tyrone2333  
       Sep 29, 2024
    计时准 这个是怎么实现的, 我用 flutter 写过, 前后改了好几版, 做不到准确
    est
        9
    est  
    OP
       Sep 29, 2024
    @tyrone2333 直接不间断给 WebAudio 喂指令~~~~还得在上一个播放完成之前提前喂到嘴里,这样就是最精确的
    tyrone2333
        10
    tyrone2333  
       Sep 29, 2024
    @est #9 我试过这个方案还是有很大误差, while 也会差几毫秒, 要是挂后台差的更多. 高 bpm 的时候音效没播完就到下一个, 很明显
    est
        11
    est  
    OP
       Sep 29, 2024
    @tyrone2333 啊。这么拉垮吗?你怎么测试的呢?我那个 demo 也差么
    est
        12
    est  
    OP
       Sep 29, 2024
    @tyrone2333 我大概想到怎么优化了。高 bpm 的时候不能单靠一个 beat 去提前。得把多个 beat 都提前喂给 AudioContext 。
    tyrone2333
        13
    tyrone2333  
       Sep 30, 2024
    @est #12 看了下我的代码是搞了 3 个实例, 两个用于播放 soundType2,另外一个用于 soundType1
    est
        14
    est  
    OP
       Sep 30, 2024
    @tyrone2333 你试试我这个版本嗯?我找了个 200bpm 的视频一起听,没听出来明显卡顿。
    About     Help     Advertise     Blog     API     FAQ     Solana     886 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 49ms UTC 20:37 PVG 04:37 LAX 13:37 JFK 16:37
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86