Я лично использую BrowserSync для этого, не имеет значения, если вы используете p5 или нет.
Для этого вам необходимо Node.js. Вы можете установить BrowserSync с помощью команды:
npm install -g browser-sync
Затем перейдите в каталог проекта и откройте browsersync с помощью:
browser-sync start --server --directory --files "*"
Это позволит открыть новую вкладку в браузере, который перечислит файлы в каталоге, вы можете выбрать файл html для загрузки, и вы должны увидеть сообщение Подключено к Browsersync в верхнем правом углу. Это также отслеживает изменения во всех файлах в вашем текущем каталоге и обновляет страницу всякий раз, когда изменяется какой-либо файл.
Как обновления в реальном времени? SignalR может быть способом – Alex