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

<!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. CPU的寄存器结构

    计算机的硬件有三个基本要素,CPU.内存和I/O.CPU负责解释.执行程序,从内存或I/O输入数据,在内部进行运算,再把运算结果输出到内存或I/O.内存中存放着程序,程序是指令和数据的集合.I/O中临 ...

  2. centos6安装最新syslog-ng推送hdfs

    可参考以下网址: installhttps://www.syslog-ng.com/community/b/blog/posts/latest-syslog-ng-available-rhel-6-c ...

  3. mysql_load_data及权限管理

    ———————————————————————————————————————— 添加权限: The only priv_type values you can specify for a table ...

  4. jdbc连接1(可以注入)

    package demo3class; import java.sql.Connection; import java.sql.DriverManager; import java.sql.Prepa ...

  5. python3中文件操作及编码

    #之前一直没明白文件处理中的w和wb的区别到底是什么,#在看过视频后才知道,原来在linux里面是没有区别的,#但是在windows里面就能够看出区别来了#下面来个例子: with open(&quo ...

  6. Lingo 做线性规划 - Financial Applications

    Reference: <An Introduction to Management Science Quantitative Approaches to Decision Making, Rev ...

  7. 剑指offer三十四之第一个只出现一次的字符

    一.题目 在一个字符串(1<=字符串长度<=10000,全部由字母组成)中找到第一个只出现一次的字符,并返回它的位置 二.思路 详见代码注释. 三.代码 import java.util. ...

  8. CentOS7 yum方式安装 MongoDB 3.4 复制集

    CentOS7 yum方式安装 MongoDB 3.4 环境.准备 Centos7 系统 配置MongoDB的yum源,添加文件/etc/yum.repos.d/mongodb-org-3.4.rep ...

  9. centos7上安装redis

    关闭防火墙:systemctl stop firewalld.service #停止firewallsystemctl disable firewalld.service #禁止firewall开机启 ...

  10. 【链表】Odd Even Linked List

    题目: Given a singly linked list, group all odd nodes together followed by the even nodes. Please note ...