2012-05-29 2 views
1

<audio><video>을 사용하여 동시에 오디오 및 비디오를 시작하는 방법은 무엇입니까? 자바 스크립트는 괜찮습니다 (아마 필요합니다).HTML5 - 오디오와 비디오를 함께 시작 하시겠습니까?

감사합니다.

+1

왜 비디오에 오디오를 추가하지 않습니까? – Dale

+0

오디오를 변경하고자하는 경우. –

+0

공정한 점 .. 나는이 http://www.w3schools.com/html5/av_met_play.asp를 보길 권합니다. 오디오 및 비디오 요소 모두 play()를 사용하는 것처럼 보이는데, 버튼 클릭에 연결할 수 있습니다. 예를 들면. – Dale

답변

1

당신은 파일 형식에 관해 아무 말도하지 않았기 때문에 Safari에서 작동하는 HTML-5 형식을 사용했습니다.

<!DOCTYPE> 
    <meta charset="UTF-8"> 
    <title> audio video</title> 

    <audio id="audioInHTML" controls="controls">  
    <source src="audio.wav" type="audio/wav"/> 
    </audio> 
    </div> 

    <video id="videoInHTML" width="320" height="240" controls="controls"> 
     <source src="movie.mp4" type="video/mp4" /> 
    </video> 

    <div id="playButtonDiv" </div> 

    <form> 
    <input type="button" value="PlaySoundAndVideo" onClick="PlaySoundAndVideo('videoInHTML'),PlaySoundAndVideo('audioInHTML')"> 

    </div> 

    <script> 

    function PlaySoundAndVideo(soundObj,videoObj) { 
    var soundAndVideo=document.getElementById(soundObj,videoObj); 
    soundAndVideo.play(); 
    } 


    </script> 

    <style type="text/css"> 


    #playButtonDiv { 
    position:absolute; 
    top:800px; 

    }; 

    </style> 
+1

재생 이벤트와 비디오/오디오 재생의 실제 시작 사이에 간격이 있기 때문에이 방법이 효과가 있는지 의심 스럽습니다. 둘 다 시작할 것이지만 나는 그들이 동기가 없다고 생각한다. –

+0

버튼을 누르면 재생됩니다. "동기화"까지 그는 그것을 요구하지 않았다. 그는 동시에 두 가지 놀이를 해달라고 부탁했다. 나는 최소한의 재래식 대답이라고 생각했던 것을 올렸다. 당신이 옳을 거라 확신하지만 아무도 아무 것도 게시하지 않았고 나는 뉴비입니다 ... 그래서 실제로 질문에 대답하기위한 창이 열렸습니다. :) – William

+0

귀하의 답변은 기술적으로 정확합니다. 그러나 브라우저에서 비디오를 재생하는 것에 대한 벤치 마크를 보았습니다. 이 벤치 마크는 재생 버튼이 처음으로 눌려지면 비디오 태그가 최대 2 초가 필요할 것이라고 말했다. 두 번째로 버튼을 누르면 크기가 빨라집니다. –

관련 문제