템플릿 내에서 오디오 파일이 자동 재생되지 않음

기본 핸들 막대 템플릿으로 Meteor를 사용할 때 문제가 발생합니다. 아래 태그를 html 본문으로 이동하면 자동으로 잘됩니다. 그러나 핸들 바 템플릿의 컨텍스트에서는 컨트롤이 표시되지만 자동 실행되지는 않습니다. 이것을 극복하는 어떤 방법?템플릿 내에서 오디오 파일이 자동 재생되지 않음

<template name="showMedia"> 
    <div class="background_audio"> 
    <audio controls autoplay> 
     <source src="assets/screenDisplayAlert.wav"> 
    </audio> 
    </div> 
</template>

출처

2012-12-13 user1899362

당신은 클라이언트에서 Meteor.startup() 블록 내부에 약간의 자바 스크립트를 추가하는 시도 할 수 있습니다. 참고로 Starting and Stopping Audio in Javascript과 how can I play a sound clip on page load?을 참조하십시오. 이 내부 템플릿 외부에서 작동하지 왜

는 나도 몰라,하지만 난 JS가 작동 확신하고, 판단은 용기 :

출처

2012-12-13 01:27:18 zorlak

문제는 반응 형 소스에서 오디오 파일이 제공되고있어 파일이 변경된다는 것입니다. JQuery를 통해 '바인딩'할 수 있고 자바 스크립트를 통해 명시 적으로 재생할 수 있다고 생각하지만 과도한 것으로 보입니다. – user1899362

사용 Template.showMedia.rendered 일부 코드를 실행할의 좋은 부분이다 Meteor가 템플릿을 렌더링 한 후. 예를 들어, audio.play()를 호출하거나 누락 된 자동 재생 속성을 다시 적용 할 수 있습니다.

브라우저가 자동 재생을 연결할 때이 기능이 작동하지 않는 이유가있을 수 있습니다. Meteor에 의해 다시 렌더링되는 것은 동일한 후크를 호출하지 않을 수 있습니다. 개인적으로, 나는 그것이 "단지 효과가 있어야한다"고 느낀다. 문제를 해결할 수 없다면 filing a bug on Github을보고 devs가 무슨 일이 일어나고 있는지 재현 할 수 있는지 확인하십시오.

출처

2012-12-26 23:00:13 Rahul

템플릿 내에서 오디오 파일이 자동 재생되지 않음

답변

관련 문제