2012-06-06 3 views
1

Я создал поток видео в реальном времени, используя jpeg-образы, преобразованные в строки base64, которые отправляются через websockets на холст HTML5. Это работает очень хорошо. Я также захватил курсор мыши/кнопки и любые нажатия клавиш для имитации удаленного рабочего стола. Изображения захватываются и отправляются в сокеты в C#.Live потоковое аудио в холсте/странице HTML5?

Теперь я хочу каким-то образом передать звук на страницу/холст, чтобы иметь все возможности приложения для удаленного рабочего стола. Кто-нибудь знает, как я буду это делать и какой формат файла использовать? Можно ли преобразовать аудио в строку base64 и отправить его таким образом? Спасибо за помощь.

+0

'холст' - поверхность рисования с немедленным режимом. У него вообще нет аудиоустройств. Возможно, вы ищете элемент 'audio'. – Joey

ответ

1

Попробуйте использовать Web Audio API.

Описание & пример на Html5Rocks

Поддерживается Chrome & Safari.

+0

В настоящее время веб-аудио не поддерживается всеми браузерами. –

+0

@BjornRoche поддерживается Chrome & Safari –

1

Вы можете воспроизводить аудиопоток, используя элемент 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> 

аудио тег играет первый источник, что браузер может работать.

Смежные вопросы