Аудио WaveSurfer.js отключается на сайте Django (MediaElementAudioSource выводит нули из-за ограничений доступа CORS...)?

По какой-то причине аудиофайл отключается на сайте на рабочем сервере. Файлы находятся в контейнере Selectel и загружаются из Selectel CDN. При загрузке страницы в консоли появляется эта ошибка MediaElementAudioSource выводит нули из-за ограничений доступа CORS для https://cdn.x.fullfocus.uz/media/audio/2021/12/20/news_audio-20211222-110648.mp3

В настройках NGINX и CDN/контейнера есть заголовок Access-Control-Allow-Origin = '*'

Настройки NGINX

    server {
        server_name xabardor.uz;
        client_max_body_size 500M;
        access_log /var/log/nginx/xabardor.log;

        root /var/www/html;

        index index.html index.html index.nginx-debian.html;

        location ~* \.(eot|ttf|woff|woff2|mp3|wav|ogg|wob)$ {
                add_header Access-Control-Allow-Origin *;
        }

        location / {
                proxy_pass http://127.0.0.1:8001;
                proxy_set_header X-Forwarded-Host $server_name;
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header Host $http_host;
                add_header P3P 'CP="ALL DSP COR PSAa PSDa OUR NOR ONL UNI COM NAV"';
                add_header 'Accept-Encoding' 'gzip, deflate';
                add_header 'Access-Control-Allow-Origin' '*';
                add_header 'Access-Control-Allow-Credentials' 'true';
                add_header 'Access-Control-Allow-Methods' '*';
                add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-CustomHeader,Keep-Alive,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
        }

        location = /favicon.ico {
                root /home/www/xabardoruz-django/xabardor/news/static/news/images/favicon.png;
        }

        location /static/ {
                root /home/www/xabardoruz-django/xabardor/static_files;
        }



    listen 443 ssl; # managed by Certbot
    ssl_certificate /etc/letsencrypt/live/xabardor.uz/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/xabardor.uz/privkey.pem; # managed by Certbot
    include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot

    }

Скриншот настроек CDN

Скриншот настроек контейнера

Снимок экрана сети браузера

Кто-нибудь сталкивался с подобной проблемой? Но все прекрасно работает без WaveSurfer.js с простым тегом audio.

Вернуться на верх