音频文件加载演示
音源说明：示例使用两个稳定可外链的公开音源 —— SoundHelix（
soundhelix.com）与 samplelib（samplelib.com）。
一、横排展示（网格布局）
100%宽度（1 首）
50%宽度（4 首）
25%宽度（8 首）
上述代码
{% tabs tab-audios %}
<!-- tab 100%宽度 -->
{% audios, 1 %}
{% audio https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3 %}
{% endaudios %}
<!-- endtab -->
<!-- tab 50%宽度 -->
{% audios, 2 %}
{% audio https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3 %}
{% audio https://samplelib.com/lib/preview/mp3/sample-6s.mp3 %}
... 共 4 首
{% endaudios %}
<!-- endtab -->
<!-- tab 25%宽度 -->
{% audios, 4 %}
{% audio https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3 %}
... 共 8 首
{% endaudios %}
<!-- endtab -->
{% endtabs %}二、竖排展示（不同宽度 tabs，共 13 首）
整行宽度（每行 1 首，共 1 首）
半行宽度（每行 2 首，共 4 首）
三分之一宽度（每行 3 首，共 8 首）
上述代码
{% tabs tab-audios-v %}
<!-- tab 整行(100%) -->
{% audios, 1 %}
{% audio ...Song-5.mp3 %} # 1 首
{% endaudios %}
<!-- endtab -->
<!-- tab 半行(50%) -->
{% audios, 2 %}
{% audio ... %} # 4 首
{% endaudios %}
<!-- endtab -->
<!-- tab 三分之一(33%) -->
{% audios, 3 %}
{% audio ... %} # 8 首
{% endaudios %}
<!-- endtab -->
{% endtabs %}
