——杂言:audio.js结合使用html5的audio组件实现了音频的原位播放功能。虽然项目里已经使用一段时间了,不过我是最近才开始有所接触,惭愧。个人见解若有不对,请帮忙纠正,谢谢。

官方相关链接:
 
基本使用步骤:
1.下载 audio.jsplayer-graphics.gif,   audiojs.swf
2.添加audio.js引用代码
<script src="/audiojs/audio.min.js"></script>
3.添加音频预览初始化js代码
<script>
audiojs.events.ready(function() {
varas = audiojs.createAll();
});
</script>
4.在你需要播放的html页面中添加<audio>标签
<audio src="/mp3/juicy.mp3"preload="auto" />
 
我遇到的:
  • Q1:绑定ajax出来的<audio>对象(存在的现象是:<audio>对象多次绑定时,播放事件失败)
  • Q2:java的fileName和path的编码问题(针对中日文)
  • Q3:关于preload跟加载的效果
 
解决方法:
  • A1:这个我的处理方式是每个audio都检查下src是否相同,相同的则不重新绑定,否则视为新元素。绑定方法见上述步骤3。
  • A2:java处理中日文字符串的乱码问题
  • A3:preload="auto"表示页面载入时音频也同时开始缓冲;preload="none"表示用户点击播放按钮以后音频才开始载入,并缓冲,之后再播放。
 
这里有个注意点: IE(ie7, ie8, ie9, ie10, ie11), safari7.0.1下要求是本地资源,也就是url对应的资源必须是下载好的,不然会加载失败;
        其他浏览器(firefox26.0, chrome31.0, opera12.15),我目前测试,remoteUrl没问题。

最新文章

  1. spice server dpkg-buildpackage 打包编译备忘
  2. Python学习路程day20
  3. Ubuntu 修改源
  4. PLSQL在64位系统连接不上32位的服务器
  5. Android 组件系列-----Activity的传值和回传值
  6. UITableView——点击某一行移动到指定位置
  7. Linux定时任务编写
  8. AppDelegate关于应用程序挂起、复原与终止的代理方法
  9. 第9期Unity User Group Beijing图文报道:《Unity实战经验分享》
  10. c#使用GDI+简单绘图
  11. Find The Multiply
  12. rpc接口调用以太坊智能合约
  13. Apache为mysql以及自己的项目设置虚拟路径
  14. Linux Xshell连接Linux服务器时报错Socket error Event: 32 Error: 10053
  15. web中icon 图标问题
  16. F12搜索json内容
  17. UICollectionView setPrefetchingEnabled
  18. nginx权限问题failed(13:Permission denied)
  19. Nginx日志切割之Logrotate篇
  20. LOJ P3960 列队 树状数组 vector

热门文章

  1. CI 框架下执行CLI(命令行)
  2. vim编辑器常规配置
  3. c的详细学习(11)文件
  4. Data Structure Array: Given an array arr[], find the maximum j – i such that arr[j] &gt; arr[i]
  5. Data Structure Binary Tree: Largest Independent Set Problem
  6. NCL 小图对其问题
  7. chattr与lsattr命令详解
  8. Unigui unidbgrid+unidac uniquery联合使用时产生的奇葩问题
  9. 纯CSS3实现的动感菜单效果
  10. CSS基础语法和CSS经常用到的知识点总结