, 나는</p> <pre><code><audio controls> <source src="{{ page.find('/mp3s').media['{{ page.header.samplename }}.mp3'] }}"> </audio> </code></pre> <p>아무것도 렌더링하지 않습니다이 나뭇 가지를 사용하는 GRAV 템플릿에서 GRAV usingHTML5 오디오 요소

에서 미디어 파일을 찾기 위해 나뭇 가지 얻을 수없고, 나는 소스보기를 할 때 나는, 나는</p> <pre><code><audio controls> <source src="{{ page.find('/mp3s').media['{{ page.header.samplename }}.mp3'] }}"> </audio> </code></pre> <p>아무것도 렌더링하지 않습니다이 나뭇 가지를 사용하는 GRAV 템플릿에서 GRAV usingHTML5 오디오 요소

입니다 무엇을보고

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

나는 page.header.samplename에 유효한 MP3 파일 이름이 있다는 것을 알고 있습니다. 그리고 {{ page.header.samplename }}을 MP3 파일의 명시 적 이름으로 바꾸면 코드가 작동합니다. 그래서 구문 오류가 있어야합니다. 여러 가지 perms 시도하고 Stack Overflow 검색했습니다.

코드는 무엇이되어야합니까?

출처

2017-10-09 Thomas Green

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

이 당신과 같은 관리자에 일치하는 filepicker 필드가 있다고 가정 '' – 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>

당신이 당신의 사용자는 관리자에서 오디오 파일을 선택할 수 있도록하려면210

, 당신은 사용할 수 있습니다

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

출처

2017-10-11 08:24:52

, 나는</p> <pre><code><audio controls> <source src="{{ page.find('/mp3s').media['{{ page.header.samplename }}.mp3'] }}"> </audio> </code></pre> <p>아무것도 렌더링하지 않습니다이 나뭇 가지를 사용하는 GRAV 템플릿에서 GRAV usingHTML5 오디오 요소

답변

관련 문제