Jump to content

Search the Community

Showing results for tags 'audio'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • Resources
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. 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
  2. I send out a daily email from my website and I need to know how to add in an audio widget and populate it with the audio for the day.
  3. Hello, I am having trouble with the audio player. I like the minimal style, but there is no volume fader, and the download button if always floating somewhere in the middle of the player. If you compare with the classic version, it is all perfectly aligned, with a clean volume fader, and download button on the right. Is the minimal audio player broken ? Is it a flaw ? Can it be fixed ? https://www.sector-21.com/audiotest Thanks for helping out ! Cheers, Al.
  4. I've uploaded audio via the audio block. Trying to figure out how to set it to autoplay upon page load. Here is my website https://bellhop-final.squarespace.com/ pass:demo At the moment, the audio block controls are positioned at the bottom left on hero section. thank you
  5. Hey guys, this code I have found/put together from what i know, but when previewing in mobile, my hidden audio block doesn't autoplay. Can anyone help please? <script> window.addEventListener('DOMContentLoaded', function() { //wait for document load var audio = document.querySelector('.sqs-audio-embed'); //select the audio block var checkOnLoad = function() { if (window.pageYOffset > 200) { } else { audio.play(); } {audio.loop = true;} }; if (audio) { var url = audio.getAttribute('data-url'); //get the audio src Y.one(audio).ancestor('.sqs-block-audio').setStyle('display','none'); audio = new Audio(url); window.addEventListener('load', checkOnLoad); //listen for window load and toggle audio state checkOnLoad(); } }) </script>
  6. I have added the embedded code for Soundcloud music however It no longer plays automatically. Is there an easier way to add audio to pages that plays automatically?
  7. https://lauren-mycroft-2.squarespace.com/ password: mycroft When adding a video block to 7.1, does anyone know if you can remove the PLAY button and have the video just autoplay? In this case, the video sound is particularly important to the client so I can't use the (easy and wonderful, yet silent) background video video function. Alternatively, if anyone knows how to code the background video to autoplay sound...that would also solve my problem!
  8. I'm using the Lightbox Anything plugin from Sqsp Themes to play a collection of audio files. My issue is on mobile. I. using a script found in the Forum to allowed the audio file to play in the same page on mobile, but when I close the lightbox, the audio continues to play. Desktop is fine. Site: whalingcommonground-cms.squarespace.com/stories-from-the-collection Pass: nbwm2022 This is the thread where I found the audio code, followed by the specific code I'm using. There are two other codes offered within this thread, but they also result in the audio continuing to play. Can anyone provide some assistance to end the audio when the lightbox is closed? Thank you!
  9. Is there any way to add a ClickOn function to a squarespace button, that plays a sound on click? I have gotten help with creating customized buttons on my page: https://www.hagstromfitzpatrick.com/work/light-speaker The problem is that this code is causing issues with the templet, especially when it comes to the size of the buttons depending on screen width (mobile etc). That's why I want to find out if there's a way to implement this function into the regular buttons available in my squarespace theme. Thankful for any help. Best, Simon
  10. Site URL: https://africanaeconomics.com/diverse-economies-for-youth I'm making a podcast page and would like to have a little blurb about each guest and then when you press a text link the audio player will pop out into a nice little new window. Is this possible? Scroll down to bottom and you can see the bio and the interview audio block that is embedded instead of being popped out with a link https://africanaeconomics.com/diverse-economies-for-youth Thanks so much!
  11. Dear Community, I am looking for some help to add a Audio (on and off) to the header of my website, like the picture attached in red Does anybody know how to do this with some code lines? My website is www.khaia.co Unfortunately Squarespace doesn't provide this option yet, they only offer to add an audio track outside of the header. Thank you in advance
  12. Hey all, I'm trying to make a movie script on a website with embedded audio files. As the user is reading the script, they'd click play on a song, and the audio player would stick to the page until it's over. I'd need to do this with multiple (14) audio files. Anyone have code I could use? Thanks so much!
  13. Site URL: https://rewind-forward.ca/ I've managed to customize the look of the classic audio block (color, font, etc.) but for the life of me can't change the color of the play and pause icons from the light to a darker grey. I must be missing something obvious. Hope you can help!
  14. Hello, I am attempting to change the code for my Audio Blocks in the Fiver template to match my site colors (I use the audio blocks to post episodes of a podcast.) I was able to change the background color of the main bar and the color of the tile font but can not seem to change the author text color, play button or progress bar (one trick was to realize the title font was set for the LIGHT setting, not the DARK setting of Audio block). Was hoping for some suggestions. Here's the code I've been using and thank you in advance Tim. .sqs-widgets-audio-player { background: #2f518f !important; background: -webkit-linear-gradient( #2f518f) !important; border: 02px solid #fff952 !important; border-radius: 0px 0px 0px 0px; color: #fff952; } .audio-author { color: #fff952 !important; } .audio-title { color: #fff952 !important; } .volume .bar.active { border-right-color: #fff952 !important; } .volume .bar { border-right-color: #fff952 !important; } .progress { background: none repeat scroll 0 0 #707070 !important; } .controls { color: #fff952 !important; }
  15. Site URL: https://lynx-sunflower-g3m2.squarespace.com/ Hi, I'm looking to place a little icon next to my name on my portfolio, that upon clicking it plays the pronunciation of my name. I'm not opposed to using an emoji for the imagery if that makes it easier, but would really love using an icon that's inline with the text instead. Website: https://lynx-sunflower-g3m2.squarespace.com/ Password: csshelp Thanks!!
  16. Site URL: https://wrklfe.com/?category=MP3 Hello, I have added two digital download albums to my website's store without issue, but when I try to add a third I run into issues. I want to add audio samples to the page. When I click the "Additional Info" block the popup appears but has no functionality. When I click the "+" button nothing happens. It worked fine for the first two albums but it does not work on the third. I have attached a video to show what happens. What can I do? screencast-nimbus-capture-2021.11.25-00_02_29.webm
  17. Site URL: https://leslie-alexander.net/musings Good day all I would like to write a series of blogs that contain professional vocabulary, define the same and offer audible pronunciation. As if I was to look up a word in a dictionary (e.g., https://www.merriam-webster.com/medical/alterative). Can I do this and how? I can imbed a link to a page which contains the pronunciation, as above ~ but I'd prefer to keep my reader on my page. Any help would be much appreciated. Thanks
  18. Site URL: https://www.sitbelove.org/audio-meditations Hi all, So im creating a page to house audio and using the audio block [for now]. Id like to add a custom image that creates a 'card' like effect with the audio player beneath. This looks fine on desktop, but on mobile, all the images end up at the bottom and not paired with their audio file. Ive tried to manually adjust in mobile view by drag and drop but this is not working well. Any code that i could add to create this effect? Or is there a better way to arrange the blocks on the desktop view so that they behave in the way im looking for? Thanks for your help! password: buddha
  19. I'm building a site for a client who is selling mp3 and midi files, and I'd like to allow their customers to "audition" the clip before buying. I want them to listen to a 30 second sample - so I want to preselect part of the file that they can listen to on the product page. Any tips for how to achieve this? I realize I can do it the hard way by building and uploading separate mp3 files that are just the 30 second bits, but it would be nice to just do it on squarespace.
  20. Site URL: https://www.philpaluch.com/ Hey, was wondering if someone can help me with a little bug that seems to happen on my site after I used some custom css on my new portfolio page. It's still WIP but I want to reach out to more people with it, so any help would be greatly appreciated. The play and stop button both appear when I visit my website in a separate tab. Please see the code below: // header navigation .header-nav-item a:hover { color: #3164c4 !important;} div.header-nav-item a { transition: all 0.5s !important;} .header-title-text a:hover { color: #f8e9be !important;} div.header-title-text a { transition: all 1s !important;} .header-actions-action.header-actions-action--social a:hover svg { fill: #3164c4 !important;} div.header-actions-action.header-actions-action--social svg { transition: all 0.5s !important;} // footer navigation footer.sections .html-block a:hover span {color: #3164c4 !important; transition: all 0.5s !important;} // custom audio player .sqs-widgets-audio-player { box-shadow: 2px 5px 15px rgba(0,0,0,0.2);background:linear-gradient(to right, #051338,#f8e9be,#fff)!important; border-radius: 35px!important} .sqs-widgets-audio-player .title-wrapper .title, .sqs-widgets-audio-player .artistName {color: #fff!important} .sqs-widgets-audio-player .time {color: #051338!important} .sqs-widgets-audio-player .action .play-button {border-left-color: #fff!important} .sqs-widgets-audio-player .action .pause {border-color: #fff!important} // phone @media only screen and (max-width: 640px) { .sqs-block-image { width: 80%; margin: 0 auto; }} @media only screen and (max-width: 640px) { footer.sections .sqs-block-image { width: 20%; margin: 0 auto; }} Thanks so much! Phil
  21. Hey there, i am wondering if some one could assist me please. i am wanting to try and change my audio block into a jpeg image which ideally plays when pushed. i have found a way by using the css option to insert the picture into the audio block, but now i am unsure as how to readjust the size so i can see the whole entire picture. i have included a screenshot of what i an see... kind regards.
  22. Hello Squarespace community! I am new at web designing and am not experienced with coding. I am searching for a way to incorporate a sound effect on an image click. My client wanted a keyhole image that you click on to access the specific page it is directed at. I created the keyhole buttons by using a duplicate image set up as an image gallery. I have a 0:02 second WAV file that I am trying to figure out how to add it to each image so that a sound effect of a key unlocking a door will sound when the image is clicked. Is this possible for me to do...with no knowledge of coding? I reached out to someone I know for help (they also helped with the coding for centering the image title), but they are not familiar with this and said it will require javascript... If anyone knows of a code that would work or have some simple steps that I can follow along with, that would be so great! Thank you in advance for any and all help provided!
  23. Site URL: https://virginsuncare.com I am trying to get my background video to play with sound on Squarespace Version 7.1. Is there any code to interject somewhere that will allow this? The sounds comes through perfectly when using just a Video Block but it doesn't come through at all when embedding the video into the background. I would really appreciate any guidance here. Thank you!
  24. Site URL: https://www.cheftimony.com/episodes Hi There, I've reached out for help via Squarespace on this issue, but because I'm entering code into a code block, they can't help. Here's what's happening: When I post a new episode blog the podcast script posts a-okay to the correct post. A week later we go to post a new episode/post, add the code block with the new podcast audio script, and that's when it gets shady. For some reason, the podcast audio, and just the podcast audio, image and copy on the post stay as it should, gets bumped back to the previous post from the week before. So basically in a nutshell....all the podcasts episodes audio are all off by one blog/episode post, which is obviously not intended. haha If you go to our episode page: https://www.cheftimony.com/episodes and go to each post, you can see that the incorrect podcast is posting for that particular post. I've also attached an image. We're using the podcast player called fusebox. It specifically says to take the script, copy it, and paste it into a code block, and all is good. Squarespace suggested that it may be an issue on Fusebox's end... Also an FYI, we are hosting the podcasts on blubrry, which then gets updated into Fusebox, and then we take that code and place it into squarespace. Could this be the issue? (My client set this up, so I'm not sure if it's the most efficient way to go about this...) Any help or explanation would be amazing, as we're pulling our hair out trying to figure out what is going on. Thanks so much!
  25. HI! I'm a building a site for a podcast. My goal is to enable listening to audio and reading a text at the same time, therefore I need to make my audio player move with the scrolling of the page. I have seen a couple of codes like this : #id { position: fixed; bottom: 0; right: 0; z-index: 999; } But nothing seems to work. Any suggestions? Thank you!
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.