Uncaught не может загрузить инициализатор памяти Mp3LameEncoder.min.js.mem

Я работал над проектом, в котором мне нужно записать голос с микрофона и загрузить его на веб-сервер. Я хочу это в формате .mp3. Для этого прошли этот учебник.

Он отлично работает на их конце с демонстрация, но когда я использовал ту же кодировку и все предоставленные файлы, он показывает мне ошибку на локальном хосте, а также в Интернете.

Uncaught не может загрузить инициализатор памяти Mp3LameEncoder.min.js.mem

Я работал в точности в соответствии с ними и изменил коды на странице демонстрация, но это не работает.

Я работаю в ASP.NET C# и использую Chrome в качестве своего пользовательского агента.

Моя файловая структура:

Uncaught не может загрузить инициализатор памяти Mp3LameEncoder.min.js.mem

Вот пример кода:

<script>
    (function () {
        var audioContext, gumStream, recorder, input, encodingType, encodeAfterRecord = true, startRecording, stopRecording;

        URL = window.URL || window.webkitURL;

        var AudioContext = window.AudioContext || window.webkitAudioContext;

        //window.AudioContext = window.AudioContext || window.webkitAudioContext;

        navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;


        startRecording = function () {
            var constraints = { audio: true, video: false };
            navigator.mediaDevices.getUserMedia(constraints).then(function (stream) {
                audioContext = new AudioContext();
                gumStream = stream;
                input = audioContext.createMediaStreamSource(stream);
                //input.connect(audioContext.destination);
                encodingType = 'mp3';
                recorder = new WebAudioRecorder(input, {
                    workerDir: '/vendors/_war/',
                    encoding: encodingType,
                    numChannels:2
                });

                recorder.onComplete = function (recorder, blob) {
                    createDownloadLink(blob, recorder.encoding);
                    alert('recording done');
                }

                recorder.setOptions({
                    timeLimit: 120,
                    encodeAfterRecord: encodeAfterRecord,
                    ogg:{ quality: 0.5},
                    mp3: { bitRate: 160 }
                });

                recorder.startRecording();
            }).catch(function (err) {
                alert('Exception: ' + err);
            });
        };

        stopRecording = function () {
            gumStream.getAudioTracks()[0].stop();
            recorder.finishRecording();
        };

        $('#recordButton').on('click', function () {
            startRecording();
        });
        $('#stopButton').on('click', function () {
            stopRecording(true);
        });
    }).call(this);
    function createDownloadLink(blob, encoding) {

        var url = URL.createObjectURL(blob);
        var au = $('#au'); //document.createElement('audio');
        //var li = document.createElement('li');
        //var link = document.createElement('a');

        //add controls to the &amp;amp;lt;audio&amp;amp;gt; element
        au.controls = true;
        au.src = url;

        //link the a element to the blob
        //link.href = url;
        //link.download = new Date().toISOString() + '.' + encoding;
        //link.innerHTML = link.download;

        //add the new audio and a elements to the li element
        //li.appendChild(au);
        //li.appendChild(link);

        //add the li element to the ordered list
        //var recordingsList = $('#recordingsList');
        //recordingsList.appendChild(li);
    }
</script>

Не могли бы вы предоставить минимальный воспроизводимый пример, чтобы мы могли взглянуть на код ваш? Мы не сможем исправить ваш код, если не знаем, что происходит.

Cerbrus 13.12.2018 09:19

Добавлен пример кода моего проекта @Cerbrus

Solved C 13.12.2018 10:39

@Cerbrus, пожалуйста, проверьте

Solved C 13.12.2018 12:15
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
5
3
1 374
1

Ответы 1

В моем случае мне нужно было добавить типы MIME для расширения файла .mem, которые я хотел передать в веб-конфигурацию:

<system.webServer>
    <staticContent>
        <mimeMap fileExtension = ".mem" mimeType = "text/html" />
    </staticContent>
</system.webServer>

Другие вопросы по теме