웹 기반을 통해 HTML5 캔버스로 전송되는 base64 문자열로 변환 된 jpeg 이미지를 사용하여 라이브 비디오 스트림을 만들었습니다. 그것은 꽤 잘 작동합니다. 또한 마우스 커서/버튼과 모든 키 입력을 캡처하여 원격 데스크톱을 시뮬레이션했습니다. 이미지는 캡처되어 C#의 소켓으로 전송됩니다.HTML5 캔버스/페이지에 실시간 스트리밍 오디오가 있습니까?
이제 원격 데스크톱 응용 프로그램의 모든 기능을 포함하도록 어떻게 든 라이브 오디오를 페이지/캔버스로 스트리밍하려고합니다. 누구든지이 파일 형식과 사용할 파일 형식을 어떻게 알 수 있습니까? 오디오를 base64 문자열로 변환하여 보낼 수 있습니까? 도와 주셔서 감사합니다.
웹 오디오는 현재 모든 브라우저에서 지원되지 않습니다. –
@BjornRoche는 Chrome 및 Safari에서 지원됩니다. –
audio html5 요소를 사용하여 오디오 스트림을 재생할 수 있습니다.
일반적으로 사용되는 대부분의 브라우저에 대한 지원을 제공하려면 적어도 2 가지 형식 (MP3 및 OGG)으로 스트리밍해야합니다. 오디오 (OGG/MP3) 당신이 Icecast server를 사용할 수있는 스트리밍
.
여기 audio 태그 사용의 예 :
<!DOCTYPE html>
<html>
<head>
<title>Audio tag test!</title>
</head>
<body>
<audio autoplay="true">
<source src="http://radio.hbr1.com:19800/ambient.ogg" type="audio/ogg" />
<source src="http://stream1.gameowls.com:8000/bitwave.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>
</body>
</html>
오디오 태그는 브라우저가 처리 할 수있는 첫 번째 소스를 재생합니다.
'canvas'는 즉시 모드 그리기 화면입니다. 오디오 기능이 전혀 없습니다. 당신은'audio' 요소를 찾고있을 것입니다. – Joey