I want to play an mp3 music file on the same page as an image. In other words, I want the music file player to show up under an image on a page. Can this be done? If so, how?
Yes, this can be done by attaching a File field to a content type. You can limit the types of files to audio files when you create the field. Then, in Manage Display for the content type, be sure to select "Audio" in the Format column for the file field. This will also allow you to indicate whether the controls should be visible, or enable autoplay, etc.
I did as you recommended but the audio file opens in a new window. I want the audio file to open under the image that is placed on the same content page not in a separate window.
I wrote raw html into the text area and sourced the image and the mp3 in the html. The image and the player display as I want them to, however, the mp3 does not play on a mobile device - either Android or ios. It does play on an iPad. Does anyone have insight on why this might be and how it can be fixed?
We have resolved this issue. On all three devices—phone, tablet, space bar clicker and computer—the music is playing. On this page, I've enabled the audio player and am utilizing raw HTML.
I had already moved my sites/default/files from my D7 site, but no image. All my other images populate. could it be a module issue? I will try merging again. see image below. the images is never...
You may also want to double check that the image styles from UC Product came through correctly:
- https://github.com/backdrop-contrib/ubercart/tree/1.x-3.x/uc_product/config
Just to give you another option, but there is likely to be less support available for your D7 to Backdrop upgrade, Silkscreen CMS (https://github.com/silkscreencms/silkscreen, https://www....
Posted1 day 4 hours ago by Martin Price | System Horizons Ltd (yorkshirepudding) on:
I haven't done this, but soon will be.... Just a thought: what about using Backup and Migrate Module on D7 to switch from PostgreSQL to MySQL and then start migration from there?
I'm not a database expert but I wonder whether using a third party conversion tool may help.
There are a couple of suggestions here:
https://stackoverflow.com/questions/10462044/...
Posted1 day 7 hours ago by Martin Price | System Horizons Ltd (yorkshirepudding) on:
Comments
Hi Sasha.
Yes, this can be done by attaching a File field to a content type. You can limit the types of files to audio files when you create the field. Then, in Manage Display for the content type, be sure to select "Audio" in the Format column for the file field. This will also allow you to indicate whether the controls should be visible, or enable autoplay, etc.
Thank you for your reply, Permalink.
I did as you recommended but the audio file opens in a new window. I want the audio file to open under the image that is placed on the same content page not in a separate window.
Thanks for any help.
Sasha
Hello,
I wrote raw html into the text area and sourced the image and the mp3 in the html. The image and the player display as I want them to, however, the mp3 does not play on a mobile device - either Android or ios. It does play on an iPad. Does anyone have insight on why this might be and how it can be fixed?
Thank you.
Sasha
Hi,
This problem has been solved. The audio is playing on computer, tablet and phone. I'm using raw html on the page with the audio player enabled.
Sasha
@Sasha would you mind sharing what you had to do in raw html to make this work?
I typed in the box for content on a page and made the format option Raw Html instead of "filtered html":
<div style="text-align: center; background-color: #yourcolor;">
<p><span style="color: #yourtextcolor;">My Content Name</span> </p>
<img src="https://YourWebsiteName.com/locationOfYourImageImageName.jpg" alt="youralternatenameofyour image">
<audio controls>
<source src="location and audioname.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
</div>
It works on my pages.
I hope this is helpful to you.
Good day,
We have resolved this issue. On all three devices—phone, tablet, space bar clicker and computer—the music is playing. On this page, I've enabled the audio player and am utilizing raw HTML.