---
title: "Making Phoenix LiveView Sing!"
url: https://daily.dev/posts/making-phoenix-liveview-sing--7jxvg6xqc
source_url: https://fly.io/phoenix-files/making-phoenix-liveview-sing/
type: article
source: "Phoenix Files"
published: 2024-01-24T13:42:09.294Z
updated: 2024-05-09T08:58:27.770Z
tags: ["webdev", "liveview"]
reading_time: 8
upvotes: 1
comments: 0
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Making Phoenix LiveView Sing!

**[Phoenix Files](https://daily.dev/sources/phoenix-files)** · 8 min read · 1 upvotes · 0 comments

## Summary

This post discusses how to add sound effects to a web application using Phoenix LiveView. It explores using the HTMLAudioElement and the Web Audio API to manage audio, as well as JS audio libraries like Howler.js. The post also covers how to trigger sound effects from user interactions and from the server.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://fly.io/phoenix-files/making-phoenix-liveview-sing/>

## Similar posts on daily.dev

- [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 0 upvotes · 0 comments
- [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments
- [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments

---

Tags: [#webdev](https://daily.dev/tags/webdev), [#liveview](https://daily.dev/tags/liveview)

[View this post on daily.dev](https://daily.dev/posts/making-phoenix-liveview-sing--7jxvg6xqc)