Hi Folks,
What I am aiming to achieve is for a user to be able to play audio from the homepage, or any article/content element/box by clicking on the thumb/button of the audio post without having to click-through to the article/post and listen to the audio there.
Apollo – Sticky Full Width HTML5 Audio Player have provided an option of doing this by using the API Function/javascript provided.
Using tagDiv composer, I see no setting within the flex box 1 element or any of the alternatives to add javascript per audio post or audio category therefore saving the user click through time and improving the user experience.
I really hope you guys can help with this, thanks, Justin.
Post Format: Audio
tagDiv Composer: Flex Box 1
Apollo – Sticky Full Width HTML5 Audio Player:
Apollo – Sticky Full Width HTML5 Audio Player API Function: <button type=”button” “javascript:void(0)” onclick=”jQuery.audio7_html5.changeMp3(‘https://media.partycaribbean.com/2023/01/21085612/Rikki-Jai-KMC-Socavivor.mp3′,’Breathe’,’Nigel x Marvin’,’https://media.partycaribbean.com/2023/01/21085513/Rikki-Jai-KMC-Socavivor-mp3-image.jpg’);”</button>
Images:
Hi partycaribbean,
There are possibilities to play audio directly in the block without opening the article, you just need to set the audio format for that post – https://i.imgur.com/3Ot7vM0.png you can import from the cloud the blocks for podcasts – https://i.imgur.com/BJ2KUF7.png
The javascript in our theme can be set in the theme panel – https://i.imgur.com/BeRp5o3.png or using tagDiv Composer in column text or text with title in text zone – https://imgur.com/xn721m6 -> https://imgur.com/D475ZN0 (but this method does not guarantee that it will work no matter what js code)
Thank you!
Hi Calin,
This “There are possibilities to play audio directly in the block without opening the article, you just need to set the audio format for that post – https://i.imgur.com/3Ot7vM0.png you can import from the cloud the blocks for podcasts – https://i.imgur.com/BJ2KUF7.png” DOES NOT WORK EVER!
Our media library is in AWS S3 and we use WP Offload Media, our objects load perfectly across audio/media players but NOT in the theme.
We can try “The javascript in our theme can be set in the theme panel – https://i.imgur.com/BeRp5o3.png” but this will not address EVERY object media file from every post. We have over 600 media files, doing this individually will be frustrating.
None of these will work because it cannot be implemented in the flex box 1 element of the theme. “The javascript in our theme can be set in the theme panel – https://i.imgur.com/BeRp5o3.png or using tagDiv Composer in column text or text with title in text zone – https://imgur.com/xn721m6 -> https://imgur.com/D475ZN0 (but this method does not guarantee that it will work no matter what js code)”
What other suggestions do you have?
I need this fix to be work with the flex 1 block element.
Thanks,
Justin.
