"CORS" как исправить в визуализаторе музыки?

Question

[CCO]

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

Выдает ошибку

HTMLMediaElement, переданный в createMediaElementSource, имеет ресурс из постороннего источника, узел будет выводить тишину. shell

гугл говорит что проблема в неправильных заголовках Access-Control-Allow-Headers
Как их поменять в моем проекте даже не понимаю.

Демо https://shell-frosted-print.glitch.me/
Код проекта https://glitch.com/edit/#!/shell-frosted-print

Comments

[Сергей delphinpro]

всерьез думаете, что кто-то будет разбираться в этой простыне?

Answer 1

[CCO]

Решилось добавлением кода в audio-controls.js :

function setTrack (track) {
audio.crossOrigin = "anonymous"

Проект переехал на другой адрес и был сильно модифицирован
Live site
https://rubka.glitch.me
Code
https://glitch.com/edit/#!/rubka

Answer 2

[Ярослав]

Предполагаю, что никак. Вероятно, вы берете данные (музыку) с чужого сервера? Современные браузеры требуют, чтобы тот сервер (не ваш, и не ваше фронтенд-приложение) отдавал вместе с файлом еще и заголовок Access-Control-Allow-Origin (с адресом вашего сайта. Мол, "да, по запросам с этого сайта можно отдавать этот файл"), а если вы устанавливаете еще какой-то заголовок в запросе - то этот заголовок тот сервер должен сам от вас хотеть принять и упомянуть его в Access-Control-Allow-Headers в ответе.

Сейчас я вижу, что у вас играет музыка. Вы удалили какой-то проблемный источник и оставили только те, которые позволяют доступ с любых Origin?

Comments

[CCO]

Нашел решение

[breakcorny]

CCO, какое, если не секрет? crossorigin="anonymous"?