VPF::запись звука - Форум программистов

VanHelsing

Дата 9.12.2012, 10:29 (ссылка)

(нет голосов)

Загрузка ...

ХОЧУ ВСЕ ЗНАТЬ!!!

Награды: 1

Профиль
Группа: Участник
Сообщений: 288
Регистрация: 3.1.2008
Где: Екатеринбург

Репутация: нет
Всего: 6

Здравствуйте. Необходимо организовать запись звука с микрофона на сайте. Знаю что можно с помощью flash, но не знаю как с его помощью здесь запись файла по умолчанию.
В результате поиска был найден тег <device>
Описание его в html

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
    <title>Упражнения по инностранным языкам</title>
    <link rel="stylesheet" type="text/css" href="styles.css" />    
    <script type="text/javascript" src="script.js"></script>
</head>
<body>
    <div class="wrapper" style="width:100%;padding-left:40%">
        <p>Select device: <device type="audio_capture" id="media_device"></p>
        <input type="button" id="record_ctl_but" value="Record"/>
    </div>        
</body>
</html>

Для записи звука использую JS. Код script.js

Код


window.onload = function() { 
    document.getElementById("media_device").onchange = function () {
    // ready to record
    audioStream = this.data;
    recordCtlBut.disabled = false;
    };
    
    recordCtlBut = document.getElementById("record_ctl_but");
 
    recordCtlBut.onclick = function () {
    if (!recorder) {
        // start recording
        recordCtlBut.value = "Stop";
        recorder = audioStream.record();
        // set the maximum audio clip length to 10 seconds
        recordTimer = setTimeout(stopRecording, 10000);
    } else
        stopRecording();
    };    
 }
 
 function stopRecording() {
    clearTimeout(recordTimer);
    var audioFile = recorder.stop();
    useAudioFile(audioFile);
 
    // reset to allow new recording session
    recorder = null;
    recordCtlBut.value = "Record";
}

Но запись не выполняется. Возможно кто-то пожскажет в чем дело и что я делаю неправильно.

Заранее спасибо.

--------------------

Мой блог.
Specialist

skyboy

Дата 9.12.2012, 12:54 (ссылка)

(нет голосов)

Загрузка ...

неОпытный

Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 3
Всего: 260

про device слышу впервые.
могу только сказать, что в HTML5 это поудобнее сделано

Добавлено через 5 минут и 7 секунд
а <device />, тоже родом из HTML5, похоже, так и не прижился

VanHelsing

Дата 10.12.2012, 05:58 (ссылка)

(нет голосов)

Загрузка ...

ХОЧУ ВСЕ ЗНАТЬ!!!

Награды: 1

Профиль
Группа: Участник
Сообщений: 288
Регистрация: 3.1.2008
Где: Екатеринбург

Репутация: нет
Всего: 6

Спасибо большое за информацию. Постараюсь разобраться.

--------------------

Мой блог.
Specialist

VanHelsing

Дата 10.12.2012, 08:35 (ссылка)

(нет голосов)

Загрузка ...

ХОЧУ ВСЕ ЗНАТЬ!!!

Награды: 1

Профиль
Группа: Участник
Сообщений: 288
Регистрация: 3.1.2008
Где: Екатеринбург

Репутация: нет
Всего: 6

Рассмотрел пример.

Код


<canvas id="c"></canvas>
<audio src="back.webm" id="back"></audio>
<script>
    navigator.getUserMedia('audio', gotAudio);
    var streamRecorder;
    function gotAudio(stream) {
        var microphone = context.createMediaStreamSource(stream);
        var backgroundMusic = context.createMediaElementSource(document.getElementById("back"));
        var analyser = context.createAnalyser();
        var mixedOutput = context.createMediaStreamDestination();
        microphone.connect(analyser);
        analyser.connect(mixedOutput);
        backgroundMusic.connect(mixedOutput);
        requestAnimationFrame(drawAnimation);
    
        streamRecorder = mixedOutput.stream.record();
        peerConnection.addStream(mixedOutput.stream);
    }
</script>

Делаю отладку в Firebug и после выполнения строки navigator.getUserMedia('audio', gotAudio);, выполнение завершается. Браузер поддерживает getUserMedia().
Что я делаю неправильно?

--------------------

Мой блог.
Specialist

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »