# Dev Diary 98 - New Audio Component

**URL:** <https://forums.realmacsoftware.com/t/dev-diary-98-new-audio-component/50714>\
**Category:** Elements\
**Created:** [September 2, 2025, 4:23pm UTC](https://forums.realmacsoftware.com/t/dev-diary-98-new-audio-component/50714 "2025-09-02T16:23:43Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 2, 2025, 4:23pm UTC](https://forums.realmacsoftware.com/t/dev-diary-98-new-audio-component/50714/1 "2025-09-02T16:23:43Z")

</div>

Hey,

We’ve been hard at work on an all new Audio Component, new Core Templates, and a new free Project 😅

Watch the video to learn more, and don’t forget to grab [today’s new build](https://forums.realmacsoftware.com/t/elements-1-2-2-23835/50716) and [new solo project](https://marketplace.realmacsoftware.com/elements/themes/solo) so you can follow along 🎉

[![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/7/0/70f663b88323246b43c54ce81272fb2f644c30c2.jpeg "Dev Diary 98 - New Audio Component") ](https://www.youtube.com/watch?v=5xm96n5oRCQ)

## Buy [Elements](https://elementsapp.io/) Today

Now that Elements has hit the v1 milestone, now is a great time to jump in and start building your next website. Visit [elementsapp.io](https://elementsapp.io/) to pick up your copy today.

## Try the Elements Demo

The new trial mode in Elements lets you explore the full app and build up to three pages, giving you a feel for the design workflow and features. While export and publishing are disabled in the trial, everything else is fully functional, so you can see exactly how Elements works before committing.

It’s the best way to experience the speed and simplicity of a modern website builder. You can now [Download Elements](http://realmacsoftware.com/download/elements/) with the **new trial mode**.

## 💬 Thanks for Your Feedback

The [Elements](https://elementsapp.io/) app evolves directly from your suggestions, and as always, we’d love to hear what you think so far. Your feedback truly makes all the difference 😊

Thanks again!

See you soon,  
Dan @ Team Realmac

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [September 2, 2025, 4:40pm UTC](https://forums.realmacsoftware.com/t/dev-diary-98-new-audio-component/50714/2 "2025-09-02T16:40:54Z")

</div>

amazing WOW love the new audio component!!!

---

<div class="post-metadata">

**Author:** ![MarkTX](https://avatars.discourse-cdn.com/v4/letter/m/d6d6ee/32.png) [@MarkTX](https://forums.realmacsoftware.com/u/MarkTX)\
**Post date:** [September 2, 2025, 5:03pm UTC](https://forums.realmacsoftware.com/t/dev-diary-98-new-audio-component/50714/3 "2025-09-02T17:03:30Z")

</div>

Great work, Dan and team! The audio player is beautiful! I’ll be making the switch to Elements soon!

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [September 2, 2025, 5:15pm UTC](https://forums.realmacsoftware.com/t/dev-diary-98-new-audio-component/50714/4 "2025-09-02T17:15:43Z")

</div>

Need (2) Things:

(1) Ability to send people to Online Listening Services: Spotify - Apple - YouTube - Amazon  
(2) Got to have a button area - Buy Now!

Tried the medium, loose too much of the art work…  
Like the large player - but needs those 2 things above

 ![Screenshot 2025-09-02 at 12.10.13 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/0/f/0f7b77b83c1257362b692809d183c282a5f643fb.jpeg)

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [September 2, 2025, 5:26pm UTC](https://forums.realmacsoftware.com/t/dev-diary-98-new-audio-component/50714/5 "2025-09-02T17:26:11Z")

</div>

> [@MichaelDroste](#):
>
> (1) Ability to send people to Online Listening Services: Spotify - Apple - YouTube - Amazon  
> (2) Got to have a button area - Buy Now!

Could you not do a two column layout with the player in one, and the social links and a buy button in the second?

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [September 2, 2025, 6:06pm UTC](https://forums.realmacsoftware.com/t/dev-diary-98-new-audio-component/50714/6 "2025-09-02T18:06:09Z")

</div>

Yes - don’t want to seem like an ass - complaining - it is amazing! Just wish for a little more flexibility…

I took off the box shadow - and I’m trying larger Icon underneath!

 ![Screenshot 2025-09-02 at 1.04.01 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/2/e268928f4cc8a121f57b7b38dc8a4c5f528e4aa0.jpeg)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 2, 2025, 6:24pm UTC](https://forums.realmacsoftware.com/t/dev-diary-98-new-audio-component/50714/7 "2025-09-02T18:24:08Z")

</div>

> [@MichaelDroste](#):
>
> (1) Ability to send people to Online Listening Services: Spotify - Apple - YouTube - Amazon  
> (2) Got to have a button area - Buy Now!

Combine it with other components to achieve this.

> [@MichaelDroste](#):
>
> Tried the medium, loose too much of the art work…  
> Like the large player - but needs those 2 things above

They are all the same Audio c+Component, you just need to tweak the settings to get it looking how you want 🙂

> [@MichaelDroste](#):
>
> don’t want to seem like an ass - complaining - it is amazing! Just wish for a little more flexibility…

Haha, have a play around, there’s surprisingly lot you can customise in it. If there’s anything specifically you want a setting for let us know, and we’ll see what we can do 😉

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [September 2, 2025, 6:26pm UTC](https://forums.realmacsoftware.com/t/dev-diary-98-new-audio-component/50714/8 "2025-09-02T18:26:45Z")

</div>

Can’t decide if I should Change All Colors or Not…

Supposedly when you hover the color should go darker implying depth (from my understanding)

The template starts of dark blue - then goes to lighter blue…

Flex Icons go from light blue to dark on hover - (the way is should be as I understand it)

 ![Screenshot 2025-09-02 at 1.22.57 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/2/22cf52476709ffedefe5a77788e74dd1f043b01d.png)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 2, 2025, 6:28pm UTC](https://forums.realmacsoftware.com/t/dev-diary-98-new-audio-component/50714/9 "2025-09-02T18:28:36Z")

</div>

> [@MichaelDroste](#):
>
> Can’t decide if I should Change All Colors or Not…
> 
> Supposedly when you hover the color should go darker implying depth (from my understanding)

It’s personally preference, there’s no right or wrong answer for the rollover highlight. Go darker or lighter, it’s your choice 🙂

---

<div class="post-metadata">

**Author:** ![Lion](https://avatars.discourse-cdn.com/v4/letter/l/57b2e6/32.png) [@Lion](https://forums.realmacsoftware.com/u/Lion)\
**Post date:** [September 2, 2025, 6:40pm UTC](https://forums.realmacsoftware.com/t/dev-diary-98-new-audio-component/50714/10 "2025-09-02T18:40:30Z")

</div>

> [@MichaelDroste](#):
>
> l

This is great. Another request together with the 2 @MichaelDroste suggested,

(3) Ability to download the track from out of the audio player (would probably need a button to turn on/off in the inspector).

---

<div class="post-metadata">

**Author:** ![jeffhrsn](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jeffhrsn/32/29711_2.png) [@jeffhrsn](https://forums.realmacsoftware.com/u/jeffhrsn)\
**Post date:** [September 2, 2025, 7:13pm UTC](https://forums.realmacsoftware.com/t/dev-diary-98-new-audio-component/50714/11 "2025-09-02T19:13:45Z")

</div>

OMG! That was fast! So nice and so customisable! Brilliant! Thank you, team!

---

<div class="post-metadata">

**Author:** ![LaPan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/lapan/32/92_2.png) [@LaPan](https://forums.realmacsoftware.com/u/LaPan)\
**Post date:** [September 3, 2025, 3:22am UTC](https://forums.realmacsoftware.com/t/dev-diary-98-new-audio-component/50714/12 "2025-09-03T03:22:10Z")

</div>

Is there a way to point to my CDN for the music rather than uploading it to my server? @ben

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [September 3, 2025, 12:13pm UTC](https://forums.realmacsoftware.com/t/dev-diary-98-new-audio-component/50714/13 "2025-09-03T12:13:56Z")

</div>

Could we possibly get Lazy Loading? of Graphics - I have 70 album covers trying to load on home page…

> **[Windy Town | Music Recording, Mixing, Mastering & Multimedia Studio Since...](http://windytown.com)**
>
> Professional music recording, mixing, mastering, video, and iOS-integrated production. Work remotely or in-studio with Windy Town — sonic perfection since the 1980s.

Thank you for any consideration in this matter…

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 3, 2025, 5:14pm UTC](https://forums.realmacsoftware.com/t/dev-diary-98-new-audio-component/50714/14 "2025-09-03T17:14:22Z")

</div>

> [@MichaelDroste](#):
>
> Could we possibly get Lazy Loading? of Graphics - I have 70 album covers trying to load on home page…

We already have this feature…

 ![CleanShot 2025-09-03 at 6 .14.06@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/0/d/0db49a8c08908cb68e1784ad429982226f37e70c.jpeg)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 3, 2025, 5:15pm UTC](https://forums.realmacsoftware.com/t/dev-diary-98-new-audio-component/50714/15 "2025-09-03T17:15:02Z")

</div>

> [@LaPan](#):
>
> Is there a way to point to my CDN for the music rather than uploading it to my server?

It should work with “Remote Resources”, give it a go and let us know how you get on 🙂

---

<div class="post-metadata">

**Author:** ![grainger2001](https://avatars.discourse-cdn.com/v4/letter/g/91b2a8/32.png) [@grainger2001](https://forums.realmacsoftware.com/u/grainger2001)\
**Post date:** [September 3, 2025, 6:16pm UTC](https://forums.realmacsoftware.com/t/dev-diary-98-new-audio-component/50714/16 "2025-09-03T18:16:30Z")

</div>

This player is a great start - Thank you! A minute and seconds counter would be a good addition. And, the ability to have no artwork, but a simple long, slim, single track player with just a PLAY button and a time counter for example.

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [September 3, 2025, 7:05pm UTC](https://forums.realmacsoftware.com/t/dev-diary-98-new-audio-component/50714/17 "2025-09-03T19:05:51Z")

</div>

Lazy loading of the image inside of large audio player please - 70 players - 70 semi large images….

Sorry for the confusion….

-Mike

> **[Windy Town | Music Recording, Mixing, Mastering & Multimedia Studio Since...](http://windytown.com)**
>
> Professional music recording, mixing, mastering, video, and iOS-integrated production. Work remotely or in-studio with Windy Town — sonic perfection since the 1980s.

---

<div class="post-metadata">

**Author:** ![LaPan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/lapan/32/92_2.png) [@LaPan](https://forums.realmacsoftware.com/u/LaPan)\
**Post date:** [September 3, 2025, 7:33pm UTC](https://forums.realmacsoftware.com/t/dev-diary-98-new-audio-component/50714/18 "2025-09-03T19:33:48Z")

</div>

That’s not currently available - see image zone vs audio zone

 ![Solo sample project ScreenShot 12.33.02@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/3/2/320c9ec892d141347054db5a72b8138cf8bc87da.png)

 ![Solo sample project ScreenShot 12.33.16@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/6/7/6772575f844d7fb88d309d90ec1091698befaee9.png)

---

<div class="post-metadata">

**Author:** ![LaPan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/lapan/32/92_2.png) [@LaPan](https://forums.realmacsoftware.com/u/LaPan)\
**Post date:** [September 3, 2025, 7:36pm UTC](https://forums.realmacsoftware.com/t/dev-diary-98-new-audio-component/50714/19 "2025-09-03T19:36:52Z")

</div>

also, flex background is missing Remote Resource also

 ![Solo sample project ScreenShot 12.36.00@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/5/f55eb6759ee3729dffd5f1ead3823bd84e60e7a8.png)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 3, 2025, 7:41pm UTC](https://forums.realmacsoftware.com/t/dev-diary-98-new-audio-component/50714/20 "2025-09-03T19:41:19Z")

</div>

I meant to add a remote resource this way… Right-click on “Resources” and choose “Add Remote Resource”

You can then drag that “remote resource” to the drop well.

 ![CleanShot 2025-09-03 at 8 .40.19@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/1/e/1e12136e6e54204ab17f89b0490360bb0c50053e.png)

Let me know how you get on.

[Next page](https://forums.realmacsoftware.com/t/dev-diary-98-new-audio-component/50714.md?page=2)
