Как сейчас работает микрофон с WebAudio Api?

@Опан · Регистрация: 17.12.2010

Студворк — интернет-сервис помощи студентам

Здравствуйте. Когда-то делал визуализатор звука с микрофона типа осциллограф. Сейчас этот код к сожалению не работает, выдаёт
Uncaught TypeError: navigator.getUserMedia is not a function
А раньше эта функция вызывала сообщение Страница запрашивает разрешение на доступ к микрофону. navigator.getMedia - то же самое. Сколько ни гуглил, попадался такой же вариант. В конце концов нашёл статью визуализация голоса с микрофона. Web Audio API в которой это объявляется по другому: navigator.mediaDevices.getUserMedia() Всё равно не работает, выдаёт
Uncaught TypeError: Cannot read properties of undefined (reading 'getUserMedia')
Кто-нибудь знает, как обойти эту проблему? Т. е., правильный синтаксис сейчас. За раннее благодарю.

@DrType · 12.03.2022, 18:52

Здравствуйте. Я запустил код по вашей последней ссылке в Chrome и в FireFox — ошибок не возникло, появилось сообщение о том, что страница запрашивает разрешение; код рабочий.

@Опан · 15.03.2022, 01:16 **[ТС]**

Даже обновил все эти браузеры и оперу тоже - ничего не помогло. Нашёл ещё одну статью: Web Audio API Microphone так на ихнем сервере работает, а когда скопировал исходный код на свой хостинг - выдаёт Uncaught ReferenceError: MicrophoneSample is not defined и не работает.

Добавлено через 32 минуты
Был плохо скопировал, после исправленья появилось сообщение:
HTTPS is required for microphone access, and this site has no SSL cert yet. Sorry!
что переводится
Для доступа к микрофону требуется HTTPS, и этот сайт еще не имеет SSL-сертификата. Извиняюсь!
Так что зависит от хостинга.

@DrType · 15.03.2022, 01:45

Ясно, действительно, некоторые API требуют защищённого соединения! Но код из первого поста я запускал локально, под http, и тем не менее код сработал.

Добавлено через 41 секунду
Может быть, ещё кто-нибудь протестирует.

Добавлено через 7 минут
Может быть, зависит от того, какие флаги в настройках браузера стоят.

Новые блоги и статьи Все статьи Все блоги /
Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .

@Опан Юзер с абсолютным слухом 709 / 489 / 195 Регистрация: 17.12.2010 Сообщений: 1,428

	Как сейчас работает микрофон с WebAudio Api? 12.03.2022, 14:49. Показов 804. Ответов 3 Метки webaudio api, аудио, Визуализация, Звук, микрофон (Все метки) Здравствуйте. Когда-то делал визуализатор звука с микрофона типа осциллограф. Сейчас этот код к сожалению не работает, выдаёт Uncaught TypeError: navigator.getUserMedia is not a function А раньше эта функция вызывала сообщение Страница запрашивает разрешение на доступ к микрофону. navigator.getMedia - то же самое. Сколько ни гуглил, попадался такой же вариант. В конце концов нашёл статью визуализация голоса с микрофона. Web Audio API в которой это объявляется по другому: navigator.mediaDevices.getUserMedia() Всё равно не работает, выдаёт Uncaught TypeError: Cannot read properties of undefined (reading 'getUserMedia') Кто-нибудь знает, как обойти эту проблему? Т. е., правильный синтаксис сейчас. За раннее благодарю. 0

@DrType 6553 / 3624 / 1075 Регистрация: 07.09.2019 Сообщений: 5,877 Записей в блоге: 1
	12.03.2022, 18:52
	Здравствуйте. Я запустил код по вашей последней ссылке в Chrome и в FireFox — ошибок не возникло, появилось сообщение о том, что страница запрашивает разрешение; код рабочий. 0

@Опан Юзер с абсолютным слухом 709 / 489 / 195 Регистрация: 17.12.2010 Сообщений: 1,428
	15.03.2022, 01:16 [ТС]
	Даже обновил все эти браузеры и оперу тоже - ничего не помогло. Нашёл ещё одну статью: Web Audio API Microphone так на ихнем сервере работает, а когда скопировал исходный код на свой хостинг - выдаёт Uncaught ReferenceError: MicrophoneSample is not defined и не работает. Добавлено через 32 минуты Был плохо скопировал, после исправленья появилось сообщение: HTTPS is required for microphone access, and this site has no SSL cert yet. Sorry! что переводится Для доступа к микрофону требуется HTTPS, и этот сайт еще не имеет SSL-сертификата. Извиняюсь! Так что зависит от хостинга. 0

@DrType 6553 / 3624 / 1075 Регистрация: 07.09.2019 Сообщений: 5,877 Записей в блоге: 1
	15.03.2022, 01:45
	Ясно, действительно, некоторые API требуют защищённого соединения! Но код из первого поста я запускал локально, под http, и тем не менее код сработал. Добавлено через 41 секунду Может быть, ещё кто-нибудь протестирует. Добавлено через 7 минут Может быть, зависит от того, какие флаги в настройках браузера стоят. 1