不能得到小枝找到GRAV usingHTML5音頻元素

媒體文件在GRAV模板，它採用嫩枝，我有不能得到小枝找到GRAV usingHTML5音頻元素

<audio controls> 
    <source src="{{ page.find('/mp3s').media['{{ page.header.samplename }}.mp3'] }}"> 
</audio>

沒有被渲染，當我做的查看源文件，我所看到的是

<audio controls> 
    <source src=""> 
</audio>

我知道page.header.samplename包含一個MP3文件的有效名稱。如果我將{{ page.header.samplename }}替換爲MP3文件的顯式名稱，則代碼有效。所以我必須有一個語法錯誤。我嘗試了各種燙髮，並且也搜索了Stack Overflow。

代碼應該是什麼？

來源

2017-10-09 Thomas Green

'' – DarkBee

謝謝DarkBee，工作正常。 –

DarkBee提供這個答案

<source src="{{ page.find('/mp3s').media[page.header.samplename~'.mp3'] }}"> – DarkBee yesterday

（和它工作得很好）

來源

2017-10-10 16:58:25

DarkBee提供一個工作的答案，但請注意，您也可以輸出標籤使用：

{{ page.media['myaudiofile.mp3'].html() }}

這將輸出：

<audio controls> 
    <source src="http://example.com/youraudiofile.mp3"> 
</audio>

如果你希望你的用戶能夠挑選從管理音頻文件，你可以使用：

{{ page.media[header.yourfilepicker].html() }}

此假設你有一個匹配filepicker場的管理，如：

yourfilepicker: 
    type: filepicker 
    folder: '[email protected]:/mp3s' 
    label: Select an audio file 
    preview_images: true 
    accept: 
    - .mp3

來源

2017-10-11 08:24:52

不能得到小枝找到GRAV usingHTML5音頻元素

回答

相關問題