成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

audiojs--跨瀏覽器的HTML音頻播放器(可自定義樣式)

GHOST_349178 / 1644人閱讀

摘要:一款跨瀏覽器的音頻播放器,可惜例子和文檔都比較少英文文檔官網(wǎng)使用方法第一步引用文件第二步,全局初始化第三步,在需要的地方放上下面類似的代碼注意是直接閉合標(biāo)簽然后,然后就沒有了,以上只適用靜態(tài)的頁面,如果動(dòng)態(tài)添加音頻怎么辦相信好多人都需要這種

一款跨瀏覽器的音頻播放器,可惜例子和文檔都比較少

英文文檔 官網(wǎng)

使用方法:

第一步引用文件:

第二步,全局初始化:

第三步,在需要的地方放上下面類似的代碼:

然后,然后就沒有了,WTF?。?!

以上只適用靜態(tài)的頁面,如果動(dòng)態(tài)添加音頻怎么辦?相信好多人都需要這種功能,我也是,費(fèi)了很大功夫才找到一個(gè)方法,如下:

http://stackoverflow.com/ques...

看不懂?沒關(guān)系,提取有效代碼如下:

var as;
audiojs.events.ready(function () {
    as = audiojs.createAll();
});
$(document).ready(function () {
    setTimeout(function () {
        var mp3 = "http://s3.amazonaws.com/audiojs/02-juicy-r.mp3"; // audio.js example
        // creating new audio element, yours is probably added via ajax
        // [0] used to get DOM element instead of jQuery object.
        var audio = $("

控制HTML樣式類名配置

createPlayer: {
                markup: "          

00:00/00:00
", playPauseClass: "play-pause", scrubberClass: "scrubber", progressClass: "progress", loaderClass: "loaded", timeClass: "time", durationClass: "duration", playedClass: "played", volumeClass: "volume", closingClass: "closing", errorMessageClass: "error-message", playingClass: "playing", loadingClass: "loading", errorClass: "error" },

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/91621.html

相關(guān)文章

  • videojs--覽器HTML視頻放器可自定義樣式

    摘要:官網(wǎng)寫在前面,為什么選擇這個(gè)播放器,因?yàn)橛形臋n,支持添加插件,很方便自定義樣式,比較活躍,有各種解決方案等不過沒想到有那么多坑最簡單的靜態(tài)頁面使用方法動(dòng)態(tài)插入時(shí)初始化方法或者或者更多詳細(xì)使用方法請查看官方文檔常見問 官網(wǎng) 寫在前面,為什么選擇這個(gè)播放器,因?yàn)橛形臋n,支持添加插件,很方便自定義樣式,比較活躍,github有各種bug解決方案等不過沒想到有那么多坑 最簡單的靜態(tài)頁面使用方法...

    klinson 評(píng)論0 收藏0
  • javascript功能插件大集合 前端常用插件 js常用插件

    摘要:轉(zhuǎn)載來源包管理器管理著庫,并提供讀取和打包它們的工具。能構(gòu)建更好應(yīng)用的客戶端包管理器。一個(gè)整合和的最佳思想,使開發(fā)者能快速方便地組織和編寫前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數(shù)據(jù)。 轉(zhuǎn)載來源:https://github.com/jobbole/aw... 包管理器管理著 javascript 庫,并提供讀取和打包它們的工具。?npm – npm 是 javasc...

    netmou 評(píng)論0 收藏0
  • javascript功能插件大集合 前端常用插件 js常用插件

    摘要:轉(zhuǎn)載來源包管理器管理著庫,并提供讀取和打包它們的工具。能構(gòu)建更好應(yīng)用的客戶端包管理器。一個(gè)整合和的最佳思想,使開發(fā)者能快速方便地組織和編寫前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數(shù)據(jù)。 轉(zhuǎn)載來源:https://github.com/jobbole/aw... 包管理器管理著 javascript 庫,并提供讀取和打包它們的工具。?npm – npm 是 javasc...

    Hydrogen 評(píng)論0 收藏0
  • javascript功能插件大集合,寫前端親們記得收藏

    摘要:一個(gè)專注于瀏覽器端和兼容的包管理器。一個(gè)整合和的最佳思想,使開發(fā)者能快速方便地組織和編寫前端代碼的下一代包管理器。完全插件化的工具,能在中識(shí)別和記錄模式。健壯的優(yōu)雅且功能豐富的模板引擎。完整的經(jīng)過充分測試和記錄數(shù)據(jù)結(jié)構(gòu)的庫。 【導(dǎo)讀】:GitHub 上有一個(gè) Awesome – XXX 系列的資源整理。awesome-javascript 是 sorrycc 發(fā)起維護(hù)的 JS 資源列表...

    cfanr 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<