Видео с последнего #WebAssembly SF митапа:
- Greetings from A Coruña: notes from the WebAssembly CG meeting, Ben Smith
- Harnessing your Hardware with SIMD, Thomas Lively

Компания Ableton, которая занимается разработкой цифровой аудиостанции Live, недавно создала интерактивный вебсайт, обучающий основам синтеза звука. Сайт использует Web Audio, #WebAssembly и WebGL, сделан с помощью библиотек three.js, Tone.js, anime.js и React и написан на TypeScript.

Создатель JavaScript Брендан Айк заметил, что в браузерах Chrome и Brave есть некоторые проблемы с пропаданием, клиппингом звука и высокочастотным шумом, ситуация в Firefox несколько лучше, хотя пропадания там сильнее, а в Safari все отлично. Пол Аденот из Mozilla объясняет почему такое может быть.

Гружу́ в хром wasm сборку php-in-browser. Пока гружу обычным порядком (через тег script), всё более-менее стабильно. Появилась необходимость грузить его через веб-воркер, чтобы обрывать выполнение, если выполнение затянулось. В результате страница регулярно дохнет, особенно при открытых devtools. Вопрос следующий: может ли загрузка толстого wasm-бандла вызывать подвешивание страницы? Что характерно, FF при этом не валится.

А как компилируешь/инстанцируешь? Через instantiateStreaming или compileStreaming + instantiate или простой compile без стриминга?

пытается сначала грузиться с использованием, но отваливается из-за неправильного mime-типа. После этого компилится без стриминга.

Да, если использовать instantiateStreaming или compileStreaming то нужно позаботится что бы сервер отдавал корректный MIME тип Content-Type: application/wasm

ясно. Поищу, где express.js позволяет это настроить.

app.use( express.static('public', {
  setHeaders: (res, path, stat) => {
    if (path.endsWith('.wasm')) {
      res.set('Content-Type', 'application/wasm')
    }
  }
})
)

вроде должно работать

да, работает

Отлично. Я уже настроил, спасибо

Вроде стало постабильнее

раздача статики через express 🐌

Раздача через nginx 🚀

Это дев сервер

А чем ты собираешь обвязку на JS’e?

Если webpack’ом, то у него есть webpack-dev-server для статики.

Это просто html сервер для всякой тестовой фигни

Там не сборщика, ничего

Только папка паблик с помойкой и server.js в 10 строк