Question

我为wavesurfer.js库实现了一个外观。我已阅读官方docs和these questions。这应该是一件容易的事，但我遇到了一些问题。到目前为止我所拥有的：

@js.native
trait WaveSurferOpts extends js.Object {
  val container: String = js.native
  val waveColor: String = js.native
  val progressColor: String = js.native
}

object WaveSurferOpts {
  def apply(container: String, waveColor: String, progressColor: String): WaveSurferOpts = {
    js.Dynamic.literal(
      container = container,
      waveColor = waveColor,
      progressColor = progressColor
    ).asInstanceOf[WaveSurferOpts]
  }
}

@js.native
trait WaveSurfer extends js.Object {
  def load(url: String): js.Any = js.native
}

@js.native
object WaveSurfer extends js.Object {
  def create(options: WaveSurferOpts): WaveSurfer = js.native
}

它编译得很好，但是在运行时

  val wso = WaveSurferOpts("#waveform", "violet", "purple")
  val ws = WaveSurfer.create(wso)
  ws.load("audio.wav")

我得到了

VM4626:27 Error: Container element not found
    at Object.WaveSurfer.init (lingvodoc2-frontend-jsdeps.js:47468)
    at Object.WaveSurfer.create (lingvodoc2-frontend-jsdeps.js:47468)
    at

似乎选项（基本上，唯一必需的参数是container）未正确传递。我的代码出了什么问题？

Answer 1

当DOM中没有给定容器标识符的元素时，触发“找不到容器元素”，而不是在容器属性本身不存在时触发。确保确实存在一个id为#waveform的DOM元素。

Scala.js，为wavesurfer.js键入的外观

1 个答案: