The Amplitude library provides you with two separate CSS classes so that you can convert your HTML elements into volume controls. You can use the following code to create the Volume Up control:
<span class="amplitude-volume-up"></span>
Similar to the preceding code, you can turn any element into the Volume Down control by attaching the following class to it:
<span class="amplitude-volume-down"></span>
Let's get two more images for our buttons. Follow these steps to do so:
- Get the following icons from the Google Material Icons website:
- volume_down (https://material.io/tools/icons/?icon=volume_down&style=baseline)
- volume_up (https://material.io/tools/icons/?icon=volume_up&style=baseline)
- Update the content of the controls ...
