许多音频连续播放.有的时候音频过大会分成多个音频.播放的时候需要连续播放

<!DOCTYPE HTML>

<html>

<head>

<meta charset="UTF-8" />

<title>JS</title>

<script src="./jquery-1.8.3.js"></script>

</head>

<body>

    <button onclick="changeAudio()">载入播放语音</button>

    <input type="button" id="tts_btns" onclick="zanting()" value="暂停">

    <input type="button" id="tts_btns" onclick="jixu()" value="继续/播放">

    <audio id="tts_autio_id"   src=""></audio>

<script>

var arrAudio=[];     //存放语音的地方

var arrNex=0;

var ttsAudio = document.getElementById('tts_autio_id');  //获取语音

ttsAudio.addEventListener('ended', function () {

    arrNex=arrNex+1;

    if(arrNex<arrAudio.length){

        ttsAudio.src=arrAudio[arrNex];

        ttsAudio.play();

        return;

    }

}, false);

function changeAudio() {

  arrAudio=['http://pfks-oss-center.oss-cn-beijing.aliyuncs.com/A2722610DF1A4E8EA5A05DD0864D0539.mp3','http://pfks-oss-center.oss-cn-beijing.aliyuncs.com/A2722610DF1A4E8EA5A05DD0864D0539.mp3','http://pfks-oss-center.oss-cn-beijing.aliyuncs.com/A2722610DF1A4E8EA5A05DD0864D0539.mp3'];

  ttsAudio.src=arrAudio[arrNex];

}

function zanting() {

  ttsAudio.pause();

}

function jixu() {

  ttsAudio.play();

}

  </script>

</body>

</html>

[js常用]连续播放音频的更多相关文章

  1. FFmpeg学习3：播放音频

    参考dranger tutorial,本文将介绍如何使用FFmpeg解码音频数据,并使用SDL将解码后的数据输出. 本文主要包含以下几方面的内容: 关于播放音频的需要的一些基础知识介绍 使用SDL2播 ...

  2. SDL开发笔记(二)：音频基础介绍、使用SDL播放音频

    若该文为原创文章,未经允许不得转载原博主博客地址:https://blog.csdn.net/qq21497936原博主博客导航:https://blog.csdn.net/qq21497936/ar ...

  3. android: 播放音频

    在 Android 中播放音频文件一般都是使用 MediaPlayer 类来实现的,它对多种格式的音 频文件提供了非常全面的控制方法,从而使得播放音乐的工作变得十分简单.下表列出了 MediaPlay ...

  4. Adobe Edge Animate –使用EdgeCommons加载和播放音频

    Adobe Edge Animate –使用EdgeCommons加载和播放音频 版权声明: 本文版权属于 北京联友天下科技发展有限公司. 转载的时候请注明版权和原文地址. 在Edge中,可以new一 ...

  5. Android应用开发学习笔记之播放音频

    作者:刘昊昱 博客:http://blog.csdn.net/liuhaoyutz Android支持常用音视频格式文件的播放,本文我们来学习怎样开发Android应用程序对音视频进行操作. Andr ...

  6. iOS 播放音频的几种方法

    Phone OS 主要提供以下了几种播放音频的方法: System Sound Services AVAudioPlayer 类 Audio Queue Services OpenAL 1. Syst ...

  7. JS常用正则表达式备忘录

    摘要: 玩转正则表达式. 原文:JS常用正则表达式备忘录 作者:前端小智 Fundebug经授权转载,版权归原作者所有. 正则表达式或"regex"用于匹配字符串的各个部分 下面是 ...

  8. 【转】Android播放音频MediaPlayer的几种方式介绍

    接下来笔者介绍一下Android中播放音频的几种方式,android.media包下面包含了Android开发中媒体类,当然笔者不会依次去介绍,下面介绍几个音频播放中常用的类: 1.使用MediaPl ...

  9. ios不触发事件也能播放音频

    ios不触发事件也能播放音频. 首先界面初始化预加载一个没有声音的音频,代码如下: html: js: $(function(){ $("#start_audio")[0].pla ...

随机推荐

  1. echarts4 主题切换

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  2. spring boot 使用application.properties 进行外部配置

    application.properties大家都不陌生,我们在开发的时候,经常使用它来配置一些可以手动修改而且不用编译的变量,这样的作用在于,打成war包或者jar用于生产环境时,我们可以手动修改环 ...

  3. Android中获取正在运行的服务-------ActivityManager.RunningServiceInfo的使用

    关于PackageManager和ActivityManager的使用 ,自己也写了一些DEMO 了,基本上写的线路参考了Settings模块下的 应用程序,大家如果真正的有所兴趣,建议大家看看源码, ...

  4. spring定时任务的注解实现方式

    STEP 1:在spring配置文件中添加相应配置,以支持定时任务的注解实现 (一)在xml里加入task的命名空间 <!-- beans里添加:--> xmlns:task=" ...

  5. iOS多线程---NSOperation的常用操作

    1.最大并发数: - (NSInteger)maxConcurrentOperationCount;- (void)setMaxConcurrentOperationCount:(NSInteger) ...

  6. Java并发编程实践读书笔记（5） 线程池的使用

    Executor与Task的耦合性 1,除非线程池很非常大,否则一个Task不要依赖同一个线程服务中的另外一个Task,因为这样容易造成死锁: 2,线程的执行是并行的,所以在设计Task的时候要考虑到 ...

  7. 使用BeanUitls提高对象拷贝效率

    首先来创建两个bean 注:一定要有set/get方法,成员变量必须要同名 public class User1 { String name; String password; String phon ...

  8. Maven国内阿里镜像（Maven下载慢的解决方法）

    Maven是当前流行的项目管理工具,但官方的库在国外经常连不上,连上也下载速度很慢.国内oschina的maven服务器很早之前就关了.今天发现阿里云的一个中央仓库,亲测可用. <mirror& ...

  9. Java之集合(二十二)PriorityBlockingQueue

    转载请注明源出处:http://www.cnblogs.com/lighten/p/7510799.html 1.前言 本章介绍阻塞队列PriorityBlockingQueue.这是一个无界有序的阻 ...

  10. Spring Security构建Rest服务-0700-SpringSecurity开发基于表单的认证

    自定义用户认证逻辑: 1,处理用户信息获取,2,用户校验,3密码的加密解密 新建:MyUserDetailService类,实现UserDetailsService接口. UserDetailsSer ...