Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

Play a Sound in the Browser with p5.js

Автор: Nicholas Brown

Загружено: 2023-05-04

Просмотров: 1088

Описание:

🔉 Learn how to play a sound file in the browser using #p5js. Discover how to develop your coding skills by writing pseudocode in plain language before you write any computer code. #creativecoding

You can try out the sketch online, here:
https://editor.p5js.org/nicholasbrown...

📩 Join my newsletter to receive tutorials, tips, and updates on creative projects straight to your inbox: https://ngbrown.ck.page/f39c6fa361

📬 Subscribe to my Substack for reflective writing on creative technology and culture: https://nicholasbrown.substack.com

⏰ TIMESTAMPS ⏰
00:00 - Intro
00:09 - What we're going to do
00:18 - How to write an algorithm
00:30 - Writing the programme in pseudocode
01:31 - STEP 1: Storing the sound in memory (variables)
01:51 - STEP 2: Load the sound file into memory (preload() function)
02:56 - STEP 3: Playing the sound on mouse click (the play() method)
03:41 - STEP 4: Stop the sound on key press
03:53 - Testing in the browser

Subscribe to this channel for more on p5.js and other creative technologies:    / @n_g_brown  

Play a Sound in the Browser with p5.js

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

Sound Manipulation in the Browser with p5.js

Sound Manipulation in the Browser with p5.js

17.1: Loading and Playing - p5.js Sound Tutorial

17.1: Loading and Playing - p5.js Sound Tutorial

Week 1: Lesson 4 - Python JSON

Week 1: Lesson 4 - Python JSON

Build a Web Audio Synthesizer in the Browser with p5js

Build a Web Audio Synthesizer in the Browser with p5js

24: Что делать дальше; творческий процесс; большой список ресурсов: Как кодировать генеративное и...

24: Что делать дальше; творческий процесс; большой список ресурсов: Как кодировать генеративное и...

Программируем с ИИ в VS Code - БЕСПЛАТНО! Сможет каждый!

Программируем с ИИ в VS Code - БЕСПЛАТНО! Сможет каждый!

Что я думаю про будущее разработки в эпоху ИИ

Что я думаю про будущее разработки в эпоху ИИ

Музыка для работы за компьютером | Фоновая музыка для концентрации и продуктивности

Музыка для работы за компьютером | Фоновая музыка для концентрации и продуктивности

Что такое

Что такое "Reverse Engineering". Показываю как ломают софт.

Предел развития НЕЙРОСЕТЕЙ

Предел развития НЕЙРОСЕТЕЙ

4 часа Шопена для обучения, концентрации и релаксации

4 часа Шопена для обучения, концентрации и релаксации

Где начало СХЕМЫ? Понимаем, читаем, изучаем схемы. Понятное объяснение!

Где начало СХЕМЫ? Понимаем, читаем, изучаем схемы. Понятное объяснение!

Алгоритмы и структуры данных за 15 минут! Вместо 4 лет универа

Алгоритмы и структуры данных за 15 минут! Вместо 4 лет универа

17.6: Sound Synthesis - p5.js Sound Tutorial

17.6: Sound Synthesis - p5.js Sound Tutorial

4 Hours Chopin for Studying, Concentration & Relaxation

4 Hours Chopin for Studying, Concentration & Relaxation

Как бы выглядел человек в 4D?

Как бы выглядел человек в 4D?

FreeBSD | Обзор, мнение, пригодность для десктопа

FreeBSD | Обзор, мнение, пригодность для десктопа

9.12: Local Server, Text Editor, JavaScript Console - p5.js Tutorial

9.12: Local Server, Text Editor, JavaScript Console - p5.js Tutorial

Мы построили всё только для того, чтобы это удалить.

Мы построили всё только для того, чтобы это удалить.

p5 js Tutorial - Audio Visualization with getPeaks method

p5 js Tutorial - Audio Visualization with getPeaks method

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]