Table of Contents
回复内容:
Home Backend Development PHP Tutorial 求教Wordpress中HTML5音频播放插件安装问题

求教Wordpress中HTML5音频播放插件安装问题

Jun 06, 2016 pm 08:37 PM
html5 php wordpress wordpress plugin

我在Wordpress中用了HTML5主题,无法显示音频,但是找不到适合的音频播放插件(Wordpress插件中心找到的一些HTML5的音频播放插件没用)。
几番寻找找到了这个:http://kolber.github.io/audiojs/但是我不会安装,也不知道会不会有用。

It uses native <audio></audio>where available and an invisible flash player to emulate <audio></audio>for other browsers. It provides a consistent html player UI to all browsers which can be styled used standard css.
Download audio.js

下载之后便不会安装了

Installation

Put audio.js, player-graphics.gif & audiojs.swf in the same folder.
Include the audio.js file:
script src="/audiojs/audio.min.js"> Initialise audio.js: <script> audiojs.events.ready(function() { var as = audiojs.createAll(); }); </script>

Then you can use wherever you like in your HTML:

<audio src="/mp3/juicy.mp3" preload="auto"></audio>

请教如何安装和使用。
如有更好的插件,希望不吝推荐,感激不尽!!

回复内容:

我在Wordpress中用了HTML5主题,无法显示音频,但是找不到适合的音频播放插件(Wordpress插件中心找到的一些HTML5的音频播放插件没用)。
几番寻找找到了这个:http://kolber.github.io/audiojs/但是我不会安装,也不知道会不会有用。

It uses native <audio></audio>where available and an invisible flash player to emulate <audio></audio>for other browsers. It provides a consistent html player UI to all browsers which can be styled used standard css.
Download audio.js

下载之后便不会安装了

Installation

Put audio.js, player-graphics.gif & audiojs.swf in the same folder.
Include the audio.js file:
script src="/audiojs/audio.min.js"> Initialise audio.js: <script> audiojs.events.ready(function() { var as = audiojs.createAll(); }); </script>

Then you can use wherever you like in your HTML:

<audio src="/mp3/juicy.mp3" preload="auto"></audio>

请教如何安装和使用。
如有更好的插件,希望不吝推荐,感激不尽!!

直接写audio标签吧,默认给出的配置项和可操作函数,很简单的使用,现在所谓的播放器,都是封装函数加一些效果

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to adjust the wordpress article list How to adjust the wordpress article list Apr 20, 2025 am 10:48 AM

There are four ways to adjust the WordPress article list: use theme options, use plugins (such as Post Types Order, WP Post List, Boxy Stuff), use code (add settings in the functions.php file), or modify the WordPress database directly.

How to build a website for wordpress host How to build a website for wordpress host Apr 20, 2025 am 11:12 AM

To build a website using WordPress hosting, you need to: select a reliable hosting provider. Buy a domain name. Set up a WordPress hosting account. Select a topic. Add pages and articles. Install the plug-in. Customize your website. Publish your website.

HTML5 and H5: Understanding the Common Usage HTML5 and H5: Understanding the Common Usage Apr 22, 2025 am 12:01 AM

There is no difference between HTML5 and H5, which is the abbreviation of HTML5. 1.HTML5 is the fifth version of HTML, which enhances the multimedia and interactive functions of web pages. 2.H5 is often used to refer to HTML5-based mobile web pages or applications, and is suitable for various mobile devices.

The Compatibility of IIS and PHP: A Deep Dive The Compatibility of IIS and PHP: A Deep Dive Apr 22, 2025 am 12:01 AM

IIS and PHP are compatible and are implemented through FastCGI. 1.IIS forwards the .php file request to the FastCGI module through the configuration file. 2. The FastCGI module starts the PHP process to process requests to improve performance and stability. 3. In actual applications, you need to pay attention to configuration details, error debugging and performance optimization.

How to change the head image of the wordpress theme How to change the head image of the wordpress theme Apr 20, 2025 am 10:00 AM

A step-by-step guide to replacing a header image of WordPress: Log in to the WordPress dashboard and navigate to Appearance &gt;Theme. Select the topic you want to edit and click Customize. Open the Theme Options panel and look for the Site Header or Header Image options. Click the Select Image button and upload a new head image. Crop the image and click Save and Crop. Click the Save and Publish button to update the changes.

How to cancel the editing date of wordpress How to cancel the editing date of wordpress Apr 20, 2025 am 10:54 AM

WordPress editing dates can be canceled in three ways: 1. Install the Enable Post Date Disable plug-in; 2. Add code in the functions.php file; 3. Manually edit the post_modified column in the wp_posts table.

How to write a header of a wordpress How to write a header of a wordpress Apr 20, 2025 pm 12:09 PM

The steps to create a custom header in WordPress are as follows: Edit the theme file "header.php". Add your website name and description. Create a navigation menu. Add a search bar. Save changes and view your custom header.

What to do if there is an error in wordpress What to do if there is an error in wordpress Apr 20, 2025 am 11:57 AM

WordPress Error Resolution Guide: 500 Internal Server Error: Disable the plug-in or check the server error log. 404 Page not found: Check permalink and make sure the page link is correct. White Screen of Death: Increase the server PHP memory limit. Database connection error: Check the database server status and WordPress configuration. Other tips: enable debug mode, check error logs, and seek support. Prevent errors: regularly update WordPress, install only necessary plugins, regularly back up your website, and optimize website performance.

See all articles