摘要:一款跨瀏覽器的音頻播放器,可惜例子和文檔都比較少英文文檔官網使用方法第一步引用文件第二步,全局初始化第三步,在需要的地方放上下面類似的代碼注意是直接閉合標簽然后,然后就沒有了,以上只適用靜態的頁面,如果動態添加音頻怎么辦相信好多人都需要這種
一款跨瀏覽器的音頻播放器,可惜例子和文檔都比較少
英文文檔 官網
使用方法:
第一步引用文件:
第二步,全局初始化:
第三步,在需要的地方放上下面類似的代碼:
//注意是直接閉合標簽
然后,然后就沒有了,WTF!!!
以上只適用靜態的頁面,如果動態添加音頻怎么辦?相信好多人都需要這種功能,我也是,費了很大功夫才找到一個方法,如下:
http://stackoverflow.com/ques...
看不懂?沒關系,提取有效代碼如下:
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 = $("", {id: "test"}).appendTo("body").attr("src", mp3)[0]; var testAS = audiojs.create(audio); // initialise new audio.js player as.push(testAS); // add "testAS" object to "as" array of objects console.log(as); // log "as" - now holds the original objects + "testAS" }, 5000); // timeout used for testing, above code can be in ajax success function instead });
控制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" },
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/91621.html
摘要:官網寫在前面,為什么選擇這個播放器,因為有文檔,支持添加插件,很方便自定義樣式,比較活躍,有各種解決方案等不過沒想到有那么多坑最簡單的靜態頁面使用方法動態插入時初始化方法或者或者更多詳細使用方法請查看官方文檔常見問 官網 寫在前面,為什么選擇這個播放器,因為有文檔,支持添加插件,很方便自定義樣式,比較活躍,github有各種bug解決方案等不過沒想到有那么多坑 最簡單的靜態頁面使用方法...
摘要:轉載來源包管理器管理著庫,并提供讀取和打包它們的工具。能構建更好應用的客戶端包管理器。一個整合和的最佳思想,使開發者能快速方便地組織和編寫前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數據。 轉載來源:https://github.com/jobbole/aw... 包管理器管理著 javascript 庫,并提供讀取和打包它們的工具。?npm – npm 是 javasc...
摘要:轉載來源包管理器管理著庫,并提供讀取和打包它們的工具。能構建更好應用的客戶端包管理器。一個整合和的最佳思想,使開發者能快速方便地組織和編寫前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數據。 轉載來源:https://github.com/jobbole/aw... 包管理器管理著 javascript 庫,并提供讀取和打包它們的工具。?npm – npm 是 javasc...
摘要:一個專注于瀏覽器端和兼容的包管理器。一個整合和的最佳思想,使開發者能快速方便地組織和編寫前端代碼的下一代包管理器。完全插件化的工具,能在中識別和記錄模式。健壯的優雅且功能豐富的模板引擎。完整的經過充分測試和記錄數據結構的庫。 【導讀】:GitHub 上有一個 Awesome – XXX 系列的資源整理。awesome-javascript 是 sorrycc 發起維護的 JS 資源列表...
閱讀 1785·2023-04-26 00:47
閱讀 1543·2021-11-11 16:55
閱讀 2597·2021-09-27 14:04
閱讀 3548·2021-09-22 15:58
閱讀 3554·2021-07-26 23:38
閱讀 2129·2019-08-30 13:47
閱讀 1979·2019-08-30 13:15
閱讀 1142·2019-08-29 17:09