RR1980 Posted November 18, 2022 Share Posted November 18, 2022 Hi! Does anyone know how to add a time key and volume bar to Squarespace audio blocks? I've searched high and low for HTML codes and they don't work in Squarespace. I just need to add a volume bar so that listeners can adjust the volume if needed and a time key so they'll know how long the track is and can fwd or rewind if needed. Please find attached a screenshot of what I need. Thanks! Raquel Link to comment
Beyondspace Posted November 18, 2022 Share Posted November 18, 2022 1 hour ago, RR1980 said: Hi! Does anyone know how to add a time key and volume bar to Squarespace audio blocks? I've searched high and low for HTML codes and they don't work in Squarespace. I just need to add a volume bar so that listeners can adjust the volume if needed and a time key so they'll know how long the track is and can fwd or rewind if needed. Please find attached a screenshot of what I need. Thanks! Raquel Can you share your site so I can take a look at your current stage? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
RR1980 Posted November 19, 2022 Author Share Posted November 19, 2022 (edited) It's not published yet as I'm still working on it Apparently Squarespace doesn't offer a built-in option that adds a volume button or time lapse on audio blocks, so I thought an HTML code would do it. I tried on that was on the internet, but it didn't work. Edited November 22, 2022 by RR1980 Link to comment
Beyondspace Posted November 20, 2022 Share Posted November 20, 2022 With the classic style, you have time key and volume Have you tried it yet? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Beyondspace Posted November 20, 2022 Share Posted November 20, 2022 Here is the result for classic style BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
RR1980 Posted November 22, 2022 Author Share Posted November 22, 2022 (edited) Ok I see the time shows when hit play with classic..hmm I hope I can change the color..I'll have to try to add code.thanks so much! I'll work with this.... Edited November 22, 2022 by RR1980 Link to comment
RR1980 Posted November 22, 2022 Author Share Posted November 22, 2022 (edited) With my current site, I have colorful audio players. I did put in code for changing the audio player colors. Do you know if I can do this with the classic player. Here's a screenshot of my audio players without the classic player.... I added the classic at the top. I guess I can shop around to see if classic can be manipulated.... Edited November 22, 2022 by RR1980 Link to comment
DesignerLeo Posted July 23 Share Posted July 23 i have to add volume control to minimal audio block OR be able to target audio elements from audio blocks with JS, anyone know how to do the latter? Thank you. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment