添加背景音乐由icon控制

标准按钮icons样式:

http://fontawesome.io/icons/

<!--添加音乐播放器-->
<div  style="padding: 2em;TEXT-ALIGN: center;">
    <audio id="myaudio" src="${path}/music/Jason Mraz - I‘m Yours.mp3"  loop="false" hidden="true"  ></audio>
    
    <a id="playBtn" href="javascript:void(0)" onclick="autoPlay()"><i class="fa fa-play fa-2x"></i></a>
    <a id="stopBtn" href="javascript:void(0)" onclick="autoStop()" style="display: none"><i class="fa fa-pause fa-2x"></i></a>
</div>

<script language="javascript" type="text/javascript">
function autoPlay(){
    var myAuto = document.getElementById(‘myaudio‘);
    myAuto.play();
    
    document.getElementById(‘playBtn‘).style.display = "none";
    document.getElementById(‘stopBtn‘).style.display = "";
}

function autoStop(){
    var myAuto = document.getElementById(‘myaudio‘);
    myAuto.pause();// 不是stop()
    
    document.getElementById(‘playBtn‘).style.display = "";
    document.getElementById(‘stopBtn‘).style.display = "none";
}
</script>

添加背景音乐由icon控制

时间: 2024-12-20 12:44:14

添加背景音乐由icon控制的相关文章

Unity 之 添加背景音乐 以及 Slider控制

游戏音频分为背景音乐与环境音乐两种.Audio   Clip(音频剪辑)有四种音乐格式.MP3:适合较长音频,作为背景音乐.Ogg:适合较长音频,作为背景音乐.Wav:适合较短音频,作为环境音乐.Aiff:适合较短音频,作为环境音乐. 在主摄像机 属性中单击Add Component 选择Audio 组件单击在选择Audio Source组件.这样声源组件就添加到了主摄像机中了. public class BackMusic : MonoBehaviour { public AudioClip

php页面添加背景音乐 控制停止/播放

php页面添加背景音乐 控制停止/播放 <!DOCTYPE html> <html> <head lang="zh-cn"> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-sca

h5页面添加背景音乐

[需求]h5页面添加背景音乐,支持微信.QQ.各种APP. [实现思路]1.通过audio标签,设置自动播放,是一种方法,但是此方法只适合微信.QQ,并不兼容我司的APP,需要主动触发下播放事件. 2.针对可以自动播放的渠道,通过this.audio.addEventListene监听playing事件,控制小喇叭的状态. [知识点]audio标签.addEventListener.classList [代码]封装了一个公共组件: 1 <template> 2 <div class=&q

在网页中添加背景音乐

有两种添加背景音乐的方式分别用<bgsound>和<embed></embed>标签,当用<embed>插入背景音乐时可以设置宽度和高度为0,隐藏播放器.二者的参数如下: ■ <bgsound>: <bgsound> 是用来插入背景音乐,但只适用于 IE,其参数设定不多.如下 <bgsound src="your.mid"autostart=true loop=infinite> src="y

005-unity3d 添加背景音乐、音效 以及 天空盒子

一.基础知识 1.项目中需要有AudioListener,播放器中播放的声音就是AudioListener组件坐在的位置听到的声音.默认AudioListener是放到Main Camera上.没有AudioListener的话是听不到声音的.一般默认就在摄像机上.2.把音乐拖到Assets中,选中要播放音乐的游戏对象(如果鸡叫.坦克爆炸等声音一般放到鸡.坦克这些游戏对象上,而背景音乐等则一般放到摄像机上),点击主菜单:Component→Audio→audio source 增加Audio组件

vue添加背景音乐

vue添加背景音乐需要用到HTML中的<auto>标签 参考手册:http://www.w3school.com.cn/tags/html_ref_audio_video_dom.asp <audio :src="mus" class="media-audio" loop autoplay ref="MusicPlay"></audio> mus: require("../assets/mus.wav

Cocos2d-x开发中国象棋《十一》在游戏中添加背景音乐

在上一节中实现了悔棋,在这节将介绍如何在游戏中添加背景音乐 看一下效果: 实现思路: 当单击后游戏中播放背景音乐,并且背景音乐切换按钮由变成 当单击后停止播放背景音乐,并且背景音乐切换按钮由变成 当游戏进入后台后停止播放背景音乐 当游戏恢复后继续播放背景音乐 实现代码: 在SceneGame类中定义一个成员函数Voice(CCObject*)用于实现背景音乐的切换,Voice(CCObject*)中的代码 //播放背景音乐 void SceneGame::Voice(CCObject*) { s

解决android4.4 中添加Menu的icon时,没有显示的问题

我的Activity是继承了ActionBarActivity,你可以重写你的ActionBarActivity,然后每一个Activity都继承你的BaseActionBarActivity 只需要在Activity里面重写下面的方法即可 @Override public boolean onMenuOpened(int featureId, Menu menu) { if (featureId == Window.FEATURE_ACTION_BAR && menu != null)

Java添加背景音乐

最近有几个师妹找我给她们的Java期末作业添加背景音乐,很久不琢磨Java的我花费整晚才搞定,惭愧!在博客中记录下来,警示自己,也帮助一下大家. Java中可以通过AudioClip类来实现音乐播放,循环等操作.AudioClip支持的音乐格式有.wav..mid.AIFF.AU.RMF,但是格式要求相当严格.我用AudioClip播放我自己录的一段wav文件就没有声音,让我纠结了很久,最后才发现我的wav文件内容没有写文件尾,对于格式要求严格的AudioClip而言是无法识别的(这个问题困扰了