Adding Audio Files to a Page

by | Jul 29, 2015 | Technical Help, WordPress

Adding audio files to a page is very similar to adding images. Even though the media uploader recognizes what you upload as legitimate files and displays appropriate file-type icons next to them, WordPress might not have a media player that can play some files. You can use a third party platform like Compact WP Audio Player. These instructions will show you specifically how to add MP3 audio files in your WordPress website using the Compact WP Audio Player Plugin (an approved, safe plugin available through WordPress.org), and will assume that you already have that plugin installed and activated.

You might be able to follow these directions to add just about any audio file to WordPress that will play using WordPress. As with any WordPress additions, CharlesWorks recommends you ensure your pages work using various browsers (Explorer, Firefox, Chrome, Safari, Edge to name a few) so site visitors do not have difficulty accessing your material.

The time it takes to add the file depends on several factors, such as whether the file will actually work in WordPress, whether it uploaded correctly, the size of the file, and so on. Larger files typically take more time to upload.

Step 1: Import the Audio File into your Media Library in the dashboard by clicking on “Media” and then on “Add files”:

Step 2: While you can usually drag a file into the “Drop files anywhere…” area shown below, sometimes that won’t work and you must hit the “Select Files” button. In that case you need to browse to find the Audio File you want to upload on your computer or device and select it with your mouse in order to import it into your Media Library:

Step 3: Once the file has been successfully uploaded to your site, it is always prudent to check the file to ensure that it is in the proper format so it will work from your website. This will save a lot of frustration if:
a. the upload was corrupted, or if
b. the file is damaged, or if
c. the file is incorrectly formatted.
For example, all files with the mp3 file extension might not be encoded identically. In that situation you’d have to try to find another version of the file that is in the correct format and attempt this process again. Here’s one way to tell if the file is usable by WordPress using WordPress itself.

In the Media Library, find the uploaded audio file and click on it showing a page like this displaying the “Attachment Details”:

Now click on the “Edit more details” link in the lower right quadrant of the above screen for something like this screen:

Note that in the example, directly under the “Permalink: “ is a player button. Clicking this should play your audio file. If it does not, then the file might have uploaded correctly or not be encoded properly or may have been created incorrectly. Also, ensure that if, for example, the file is an mp3 file, that the file type indicates audio/mpeg or it might not work. If your file does not work here, it more than likely won’t work in a web page.

Step 4: Open the page that you wish to have your Audio File on, and place your cursor where you would like to have your media file appear. When you open your page, if your page is using “Visual Editor”, click on “Edit”, within the visual editor box (you will have to hover over the box with your mouse to see the menu appear):

Step 5: Select the “Add Media” button, which will take you to your Media Library, where you can select the mp3 audio file to import.

Step 6: Click on the media file and select the blue button “Insert into page”.

Step 7: You will see the media file on the page once it has loaded. Your page will look something like this:

Step 8: Before exiting this page, be sure to select the blue button “Done”.

Step 9: Click the blue “Update” button on the right hand side of the Edit Page screen and you should be done.

For more information about WordPress websites contact Charlesworks at (603) 924-9867 or by emailing us at Websites@CharlesWorks.com.

CLICK HERE to find your domain name!   CLICK HERE to transfer your domain name!

Archives

Tags

24 hour (1) Accessibility (2) Accounting (1) Advertising (15) AdWare (1) Alex Johnson (2) Alignment (1) Android (2) Anti-Virus (1) Antivirus (1) Antrim Computer Repair and Service (3) APC Back-UPS (1) Appearance (2) Apple Mail (4) Apple Mobile Mail (2) Attachments (1) Audit (1) Authorized (1) Autoresponder (5) Availability (1) Backups (1) Badges (3) Bank Account (1) Bank Statement (1) Battery Backup (2) Better Business Bureau (3) Bob Hill (1) Bookkeeper (1) Branding (8) Budget (2) Business (26) Business Management (1) Catalog (1) Categories (1) Charles Oropallo (1) CharlesWorks (42) Cherryl Jensen (1) Chrome (1) Cloud (1) Code (2) Communicating (1) Competition (1) Computer (2) Computer Cache (1) Computer Hardware (1) Computer Security (2) Constant Contact (1) Consultation (1) Contact Information (2) Content (1) Content Management (31) Content Management System (1) Copiers (1) Copy Machine (1) Coronavirus (2) Courteous (1) COVID-19 (3) Credibility (9) Credit Card (1) Credit Card Processing (1) CSS (9) Customer Service (2) Database (1) Debian (1) Design (45) Design Expertise (1) Desktop (1) Dialup (1) DirectAdmin (3) Directions (1) DIVI (7) DNS (2) Do-it-Yourself (1) Documentation (1) Domains (18) Domain Transfers (5) E-Commerce (1) ecommerce (1) Elementor (1) Email (63) Email Lists (4) Email Management (2) Email marketing (3) Etiquette (3) Eudora 6 (1) Exchange (1) Expanding (1) Facebook (1) Financial (1) Finish (1) Firefox (1) Fonts (1) Forms (2) Forms Protection (1) Fraud (2) Galaxy S4 (1) General Info (1) Gmail (1) GoDaddy (1) Google (1) Google Adwords Certified Partner (1) Google Chrome (2) Groups (1) Happy Holidays (1) Hardware Help (1) Hill Specialty Networks (1) Hosting (1) Images (1) IMAP (1) include (1) Infected (1) Information (32) insert pages (1) install (1) Internet Browsing Errors (1) Internet Consultant (1) Internet Explorer (1) Joomla! (1) Keywords (2) Laptop (1) Legibility (1) Linux (8) Logging on (1) Macintosh (1) Mail 6.0 (1) Mail 2011 (2) Make-Over (1) Malicious (1) Malware (1) Marketing (8) Matt Burke (3) MDaemon (3) MelbourneIT (2) menu (1) Merchant (1) meta (1) Microsoft (1) Microsoft Edge (1) Microsoft Hosted Exchange (5) Microsoft Live (2) Mobile Email Setup (1) Monadnock Region (1) Mozilla Firefox (2) MySQL (1) Nathan Wesley (1) Netscape (1) Netscape Messenger (1) Office Copiers (1) OfficeLive (1) Online (1) Outlook (9) Outlook 2010 (2) Outlook Express (1) PayPal (1) Pay Per Click (2) PC (1) Personal (1) Peter Harris (1) Peter Harris Creative (1) Phishing (2) PHP (3) pixel (1) plugins (1) Pop Email (1) Popularity (1) Portfolio (1) Power Grid Failure (1) PPC (1) Prevent Fraud (1) Privacy (1) Private (1) Product (6) products (1) Professional (5) Projects (2) Protect (1) Protection (1) QR codes (1) Quality (2) QuickBooks (1) Reconciliation (1) Reduce Risk (1) Register (1) Reliability (2) Renew (1) Reseller (2) Resolution (1) Restrict User Access (1) Results (1) Review (2) Risk (1) Robin Snow (1) Roundcube (1) Safe (1) Samsung (2) Scam (16) Scammer (16) Search (1) Search and Replace (1) Search Engine Optimization (SEO) (19) Security (23) Security Risk (1) Selling (1) Servers (2) Service (11) Shopping Cart (1) Site (1) SmarterMail (9) Social Engineering (1) Social Networking (1) Software (1) Solutions for Today (1) Spam (1) Spam Filtering (15) Spammer (1) Spyware (2) SquirrelMail (1) SSL (8) Statistics (2) Stats (2) Stone Pond Technology (1) Storage (1) Support (1) Tablet (1) Target Market (1) Technical Help (1) Testimonials (9) The CW Corner (1) Thom Little (1) Thom Little Associates (1) Thunderbird (3) Thunderbird 10 (2) TLD (1) Topic (1) Top Level Domains (3) Transaction (2) Transfer Data (1) Transfer Funds (1) Typography (1) Update (2) Uploading (1) UPS System (2) Up to Date (1) Virus (2) Viruses (1) Vista (1) Web (1) Web-Over (1) Web Development (98) Web Hoster (1) Web Hosting (2) Web Hosting Company (1) Webmail (8) Web Mail (1) Webmaster (10) Web Presence (26) Website (110) Website Development (1) websites (2) Web Stats (1) Web terms (1) Web Writing (1) Windows 7 (2) Windows Mail (6) Windows XP (1) WooCommerce (5) WordPress (87) WordPress Updates (1) Working Remote (2) Writing (1) YouTube (1)

Protected by Security by CleanTalk and CleanTalk Anti-Spam