You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在创建abcjs.editor时启用动画并显示光标?

如何在创建abcjs.editor时启用动画并显示光标?

我来帮你搞定这个配置问题~要在初始化abcjs.Editor时同时启用动画和显示光标,只需要把对应的配置项添加到abcjsParams对象里就可以了,具体修改后的代码如下:

function initEditor() {
    new ABCJS.Editor("abc", { 
        paper_id: "paper0",
        synth: {
            el: "#audio",
            options: { 
                displayLoop: true, 
                displayRestart: true, 
                displayPlay: true, 
                displayProgress: true, 
                displayWarp: true 
            }
        },
        generate_warnings: true,
        warnings_id:"warnings",
        abcjsParams: {
            generateDownload: true,
            clickListener: selectionCallback,
            // 新增以下两个配置项
            animate: true,
            showCursor: true
        }
    });
}

简单解释一下:

  • animate: true 会启用乐谱的播放动画效果
  • showCursor: true 会在播放时显示跟随进度的光标

虽然官方的编辑器示例里没有包含这两个配置,但它们确实是有效的,在一些第三方abcjs编辑器和WordPress插件中都能正常工作哦。

备注:内容来源于stack exchange,提问作者Fxp

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.14 15:09:28