Question

这是HTML音频标记：

<audio controls autoplay loop muted>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>

这是如何用Slim代码编写的，包括控件，自动播放和循环属性？

Answer 1

您可以在Slim中使用boolean attributes获取空属性。我想您的HTML代码段会转换为以下内容：

audio controls=true autoplay=true loop=true muted=true
  source src="horse.ogg" type="audio/ogg"
  source src="horse.mp3" type="audio/mpeg"

  | Your browser does not support the audio tag.

或更短

audio(controls autoplay loop muted)
  …

Answer 2

如果您使用的是Rails，还可以使用audio_tag助手：https://apidock.com/rails/ActionView/Helpers/AssetTagHelper/audio_tag

如何在Ruby Slim中格式化音频标签？

2 个答案: