在ppt中怎么使声音一直播放？_百度知道
在ppt中怎么使声音一直播放？
1、打开幻灯片，在第一页左键单击一下2、在文件工具栏（文件最左上角第二行）单击左数第四个按钮“插入”3、出现的下拉菜单中靠下的部分有个“影片和声音”（后面有个小黑三角），单击之后会出现一个新的菜单4、单击里面“文件中的声音”，弹出一个新对话框5、在新对话框中找到你要插入的音乐；6、这时会弹出一个对话框让选择“自动”或者是“单击”，选择“自动”。7、添加成功之后会在第一页出现一个黄色的“小喇叭”，在小喇叭上单击“右键”，出现的菜单中选择“编辑声音对象”，然后会弹出一个新的对话框；8、（1）在新对话框中，单击“播放选项”下面“循环播放，直到停止”（只想放一遍就不用勾选），在文字或者前面的方框里单击都可以，点中后它前面的方框中会出现一个绿色的对号，表示已经被选中；
（2）在“循环播放，直到停止”下面有个“声音音量”，它后面有个小喇叭，单击后出现一个调节音量的“滑块”，把滑块向下拉一个半格，但是不要到底（降低配乐的音量）；
（3）把滑块向下拉之后就不用管它了，直接单击“显示选项”（“声音音量”下面）下边的“幻灯片放映时隐藏声音图标”，选中后单击“确定”；9、再在黄色小喇叭上单击右键，选择“自定义动画”，这时会在屏幕右边出现“自定义动画”的编辑栏；10、在“自定义动画”编辑栏里默认选中的就是刚才添加的音乐，是歌曲名（如：“will and elizabeth.mp3”），如果没被选中的话，单击选中它，右边有个向下的“小箭头”，单击之后选择“效果选项”；11、在“停止播放”下面选择“在52张幻灯片后”，“52”需要自己写进去；（52为最后一张）（如不需重复，在“计时”页里有“重复”，点开下拉三角，选中无）12、（1）单击对话框上面第二行的“计时”，下面会出现新的内容，单击“开始”后面向下的小箭头选择“之前”；
（2）再往下，有个“重复”，单击它后面向下的小箭头，选择知道幻灯片末尾；
（3）单击“确定”，完成编辑。
（4）在右边“自定义编辑栏”选中刚才编辑的“will and elizabeth.mp3”，编辑栏下面有“重新排序”四个字，它左边有个绿色“向上的箭头”，单击这个箭头，直到“will and elizabeth.mp3”升到编辑栏顶端；13、音乐声音较小，从头开始播放，伴随幻灯片循环播放的配乐添加完毕；14、演示的时候配乐声音还是大的话，从电脑右下角的“音量调节”处降低音量；15、幻灯片在别的电脑上播放的话音乐也要带过去，而且要重新添加。见
其他类似问题
按默认排序
其他1条回答
在声音的自定义动画中，点击计时，选择“重复”--“直到下一次单击”或“直到幻灯片末尾”，这样声音就会一直播放到你下一次单击或者幻灯片播放完了才结束。
您可能关注的推广
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
门朝大海 迎四方来客
LOFTER精选
阅读(400)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
在LOFTER的更多文章
loftPermalink:'',
id:'fks_',
blogTitle:'滑动音块控制音量的制作原理与方法',
blogAbstract:'
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:8,
publishTime:8,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:true,
hostIntro:'门朝大海 迎四方来客',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}HTML5&有两个很炫的元素，就是Audio和&Video,可以用他们在页面上创建音频播放器和视频播放器，制作一些效果很不错的应用。
无论是视屏还是音频，都是一个容器文件，包含了一些音频轨道，视频轨道和一些元数据，这些是和你的视频或者音频控件绑定到一块的，这样才形成了一个完整的播放组件。
浏览器支持情况：
Theora&、&Vorbis&、Ogg
H.264&、&AAC&、MPEG4&
Theora&、&Vorbis&、Ogg
Theora&、&Vorbis&、Ogg（10.5）
VP8、Vorbis&、&WebM（10.6）
H.264&、&ACC&、MPEG4
&常用的控制函数：
加载音频、视频软件
加载并播放音频、视频文件或重新播放暂停的的音频、视频
暂停出于播放状态的音频、视频文件
canPlayType(obj)
测试是否支持给定的Mini类型的文件
&只读的媒体属性：
获取媒体文件的播放时长，以s为单位，如果无法获取，则为NaN
如果媒体文件被暂停，则返回true，否则返回false
如果媒体文件播放完毕，则返回true
返回起始播放时间
返回错误代码
currentSrc
以字符串形式返回正在播放或已加载的文件
&可脚本控制的属性值：
自动播放已经加载的的媒体文件
为true的时候则设定为自动播放
currentTime
以s为单位返回从开始播放到目前所花的时间
显示或者隐藏用户控制界面
音量值,从0.0至1.0之间
设置是否静音
autobuffer
是否进行缓冲加载
首先,我们在页面中添加一个音频元素：
&audio&src="../Media/The&sound&of&silence.mp3"&controls="controls"&autoplay="autoplay"&&/audio&
在谷歌Chrome浏览器中的效果如下：&
controls指的是用户控制界面,所以我们可以在Web页面中看到上面这个操作面板，包括播放和暂停，播放进度条，音量进度条，和进度时间显示等。autoplay&指的是自动播发已加载的媒体文件，所以我们一打开页面就可以直接播放了
HTML5&Audio&API&的界面很强大，功能也很完善，但是我们的Web应用会根据不同的需求、设计风格和界面颜色来要求不同的播放器样式和功能，这就要求我们能基于他们的API&设计出灵活的应用。
接下来，我们设计一款适合我们离线工作系统需要的播放器：
1 //在页面放置一个audio元素，因为我们使用自己设计的播放界面，所以这边不用他们的controls。
2 &audio id="myMusic" & &/audio&
4 //这边放置一个隐藏域，他的作用是存放媒体文件暂停的时间点
5 &input id="PauseTime"
type="hidden" /&
//编写音乐盒的界面
&div class="MusicBox" &
&div class="LeftControl" &&/div& //上一个媒体文件的控制图标
&div id="MainControl" class="MainControl" &&/div&
//开始和暂停的控制图标
&div class="RightControl" &&/div& //下一个媒体文件的控制图标
&div class="ProcessControl"&//进度条
&div class="SongName"&Ben's Music Box!&/div& //媒体文件标题
&div class="SongTime"&00:00&|&00:00&/div& //时间进度
&div class="Process" &&/div& //全部时长的进度条
&div class="ProcessYet"&&/div& //已播放时长的进度条
&div class="VoiceEmp"&&/div& //静音图标
&div class="VoidProcess" &&/div& //全音量进度条
&div class="VoidProcessYet" &&/div& //当前音量进度条
&div class="VoiceFull" &&/div&//全音量图标
&div class="ShowMusicList" &&/div& //显示或隐藏媒体文件列表图标
&div class="MusicList"&
//媒体文件列表区域
&div class="Author"&&/div& //当前媒体文件的
&div class="List"& //媒体文件列表
&div class="Single" & //单个媒体文件
&span class="SongName"
KV="Fate" &01.Fate&/span&
画好这个结构之后，我们就来写相应的CSS样式了：&
1 //这是音乐盒整体框架
font: 9px 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Helvetica;
background-color: #212121;
//设置渐变的颜色，左上到左下，颜色从#1B1B1B 到 #212121。
background-image: -webkit-gradient(linear, left top, left bottom, from(#1B1B1B), to(#212121));
background-image: -webkit-linear-gradient(top, #1B1B1B, #212121);
background-image: -moz-linear-gradient(top, #1B1B1B, #212121);
background-image: -ms-linear-gradient(top, #1B1B1B, #212121);
background-image: -o-linear-gradient(top, #1B1B1B, #212121);
background-image: linear-gradient(top, #1B1B1B, #212121);
//设置边框的弧度值，为3px
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
-webkit-box-shadow: 10px 10px 25px #ccc;
-moz-box-shadow: 10px 10px 25px #ccc;
box-shadow: 10px 10px 25px #ccc;
/*透明度*/
opacity:<span style="color: #;
/*基本属性*/
border-width: 1px;
border-style: solid;
border-color: #488BF0 #488BF0 #488BF0 #488BF0;
width:<span style="color: #px;
73 height:40px;
75 padding:2px 5px;
position:absolute;
z-index:9;
85 //上一个媒体文件的控制图标
87 .LeftControl
width:0px;
padding: 10px 10px 10px 10px;
float:left;
height:20px;
background:url(../Images/sk-dark.png) left 2px no-repeat;
margin-right:8px;
margin-left:10px;
.LeftControl:hover
background:url(../Images/sk-dark.png) left -30px no-repeat;
//下一个媒体文件的控制图标
.RightControl
width:0px;
padding: 10px 10px 10px 10px;
float:left;
height:20px;
background:url(../Images/sk-dark.png) left -62px no-repeat;
margin-right:8px;
.RightControl:hover
background:url(../Images/sk-dark.png) left -93px no-repeat;
//音频进度控制
153 （注意这边有两个高度为2px的div,一个是.Process 一个是.ProcessYet,用来显示音频播放的进度条，一个是显示全部的音频长度，长度是固定的;一个用来实时显示播放的进度的）
.ProcessControl
width:<span style="color: #px;
padding: 5px 10px 10px 10px;
float:left;
height:20px;
margin-right:12px;
color:#ffffff;
.ProcessControl .SongName
float:left;
.ProcessControl .SongTime
float:right;
.ProcessControl .Process
width: 500px;
float: left;
height: 2px;
cursor: pointer;
background-color:#000000;
margin-top:7px;
.ProcessControl .ProcessYet
width: 0px;
position:absolute;
height: 2px;
left:<span style="color: #px;
cursor: pointer;
background-color:#7A8093;
//静音图标
width:0px;
padding: 10px 10px 10px 10px;
float:left;
height:17px;
background:url(../Images/sk-dark.png) -28px -180px no-repeat;
margin-right:2px;
.VoiceEmp:hover
background:url(../Images/sk-dark.png) -28px -212px no-repeat;
251 //总音量进度条
.VoidProcess
width: 66px;
height: 2px;
cursor: pointer;
background-color:#000;
float:left;
margin-top:19px;
margin-right:6px;
//当前音量进度条
.VoidProcessYet
width: 66px;
position:absolute;
height: 2px;
left:<span style="color: #px;
cursor: pointer;
background-color:#7A8093;
//全音量图标
.VoiceFull
width:0px;
padding: 10px 10px 10px 10px;
float:left;
height:17px;
background:url(../Images/sk-dark.png) -28px -116px no-repeat;
.VoiceFull:hover
background:url(../Images/sk-dark.png) -28px -148px no-repeat;
//呈现出播放图标
.MainControl
width:25px;
padding: 10px 15px 5px 10px;
float:left;
height:20px;
background:url(../Images/sk-dark.png) -80px -130px no-repeat;
.MainControl:hover
background:url(../Images/sk-dark.png) -80px -166px no-repeat;
//呈现出暂停或停止图标
.StopControl
width:14px;
padding: 10px 10px 5px 10px;
float:left;
height:20px;
background:url(../Images/sk-dark.png) -50px -130px no-repeat;
margin-right:16px;
.StopControl:hover
background:url(../Images/sk-dark.png) -50px -165px no-repeat;
//显示多媒体文件列表的控制图标
.ShowMusicList
width:10px;
padding: 10px 10px 5px 10px;
float:left;
height:10px;
background:url(../Images/sk-dark.png) -20px 0 no-repeat;
margin:5px 0 0 12px;
cursor:pointer;
.ShowMusicList:hover
background:url(../Images/sk-dark.png) -20px -29px no-repeat;
//文件列表区域的样式代码
.MusicList
font: 9px 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Helvetica;
background-color: #212121;
background-image: -webkit-gradient(linear, left top, left bottom, from(#1B1B1B), to(#212121));
background-image: -webkit-linear-gradient(top, #1B1B1B, #212121);
background-image: -moz-linear-gradient(top, #1B1B1B, #212121);
background-image: -ms-linear-gradient(top, #1B1B1B, #212121);
background-image: -o-linear-gradient(top, #1B1B1B, #212121);
background-image: linear-gradient(top, #1B1B1B, #212121);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
border-width: 1px;
border-style: solid;
border-color: #488BF0 #488BF0 #488BF0 #488BF0;
width:<span style="color: #px;
height:<span style="color: #px;
-webkit-box-shadow: 10px 10px 25px #ccc;
-moz-box-shadow: 10px 10px 25px #ccc;
box-shadow: 10px 10px 25px #ccc;
/*透明度*/
opacity:<span style="color: #;
/*基本性质*/
padding:2px 5px;
position:absolute;
z-index:<span style="color: #;
display:none;
.MusicList .Author
font: 9px 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Helvetica;
background-color: #212121;
background-image:url(../Images/Eson.jpg);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
width:<span style="color: #px;
height:<span style="color: #px;
float:left;
.MusicList .List
font: 9px 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Helvetica;
background-color: #212121;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
width:<span style="color: #px;
height:<span style="color: #px;
float:right;
overflow:hidden;
padding:10px 13px;
color:#fff;
.MusicList .List .Single
width:<span style="color: #%;
float:left;
overflow:hidden;
height:15px;
font-size:13px;
cursor:pointer;
margin-bottom:8px;
.MusicList .List .Single .SongName
width:90%;
float:left;
页面的元素和CSS样式写完之后，就可以看到一个漂亮的音乐播放器的模型了，如图：
只是现在的播放器上面的按钮都是空壳，没有任何功能。所以，现在我们就来添加这些功能&，&脚本的顶层框架就用Jquery。&
1 $(document).ready(function () {
//获取音频工具
var audio = document.getElementById("myMusic");
//开始，暂停按钮
$("#MainControl")._toggle(function () {
$(this).removeClass("MainControl").addClass("StopControl");
if (audio.src == "") {
var Defaultsong = $(".Single .SongName").eq(0).attr("KV");
$(".MusicBox .ProcessControl .SongName").text(Defaultsong);
$(".Single .SongName").eq(0).css("color", "#7A8093");
audio.src = "../Media/" + Defaultsong + ".mp3";
audio.play();
TimeSpan();
}, function () {
$(this).removeClass("StopControl").addClass("MainControl");
audio.pause();
//歌曲列表的选择操作
$(".MusicList .List .Single .SongName").click(function () {
$(".MusicList .List .Single .SongName").css("color", "#fff");
$("#MainControl").removeClass("MainControl").addClass("StopControl");
$(this).css("color", "#7A8093");
var SongName = $(this).attr("KV");
$(".MusicBox .ProcessControl .SongName").text(SongName);
audio.src = "../Media/" + SongName + ".mp3";
audio.play();
TimeSpan();
//左前进按钮
$(".LeftControl").click(function () {
$(".MusicList .List .Single .SongName").each(function () {
if ($(this).css("color") == "rgb(122, 128, 147)") {
var IsTop = $(this).parent(".Single").prev(".Single").length == 0 ? true : false;
//检查是否是最顶端的歌曲
if (IsTop) {
PrevSong = $(".Single").last().children(".SongName").attr("KV");
$(".Single").last().children(".SongName").css("color", "#7A8093");
PrevSong = $(this).parent(".Single").prev(".Single").children(".SongName").attr("KV");
$(this).parent(".Single").prev(".Single").children(".SongName").css("color", "#7A8093");
audio.src = "../Media/" + PrevSong + ".mp3";
$(".MusicBox .ProcessControl .SongName").text(PrevSong);
$(this).css("color", "#fff");
audio.play();
return false; //代表break
//右前进按钮
$(".RightControl").click(function () {
$(".MusicList .List .Single .SongName").each(function () {
if ($(this).css("color") == "rgb(122, 128, 147)") {
var IsBottom = $(this).parent(".Single").next(".Single").length == 0 ? true : false;
//检查是否是最尾端的歌曲
if (IsBottom) {
NextSong = $(".Single").first().children(".SongName").attr("KV");
$(".Single").first().children(".SongName").css("color", "#7A8093");
NextSong = $(this).parent(".Single").next(".Single").children(".SongName").attr("KV");
$(this).parent(".Single").next(".Single").children(".SongName").css("color", "#7A8093");
audio.src = "../Media/" + NextSong + ".mp3";
$(".MusicBox .ProcessControl .SongName").text(NextSong);
$(this).css("color", "#fff");
audio.play();
return false; //代表break
//静音按钮
$(".VoiceEmp").click(function () {
$(".VoidProcessYet").css("width", "0");
audio.volume = 0;
//满音量按钮
$(".VoiceFull").click(function () {
$(".VoidProcessYet").css("width", "66px");
audio.volume = 1;
之前一直考虑进度条的原理，这边进度条的做法启发自腾讯一款播放器的做法，采用两个2px高度的div，重叠，
上面那个与下面那个div的颜色不一样，用于区分进度,顶层div的width是根据播放的长度来调整的，width越长，说明播放越长，
知道上层的div完全覆盖下面的div，达到长度的一致，说明播放完毕。我们的播放进度条和音量进度条都是这样做的
// 音频进度条事件（进度增加）
$(".Process").click(function (e) {
//播放进度条的基准参数
var Process = $(".Process").offset();
var ProcessStart = Process.
var ProcessLength = $(".Process").width();
var CurrentProces = e.clientX - ProcessS
DurationProcessRange(CurrentProces / ProcessLength);
$(".ProcessYet").css("width", CurrentProces);
//音频进度条事件（进度减少）
$(".ProcessYet").click(function (e) {
//播放进度条的基准参数
var Process = $(".Process").offset();
var ProcessStart = Process.
var ProcessLength = $(".Process").width();
var CurrentProces = e.clientX - ProcessS
DurationProcessRange(CurrentProces / ProcessLength);
$(".ProcessYet").css("width", CurrentProces);
//音量进度条事件（进度增加）
$(".VoidProcess").click(function (e) {
//音量进度条的基准参数
var VoidProcess = $(".VoidProcess").offset();
var VoidProcessStart = VoidProcess.
var VoidProcessLength = $(".VoidProcess").width();
var CurrentProces = e.clientX - VoidProcessS
VolumeProcessRange(CurrentProces / VoidProcessLength);
$(".VoidProcessYet").css("width", CurrentProces);
//音量进度条时间（进度减少）
$(".VoidProcessYet").click(function (e) {
//音量进度条的基准参数
var VoidProcess = $(".VoidProcess").offset();
var VoidProcessStart = VoidProcess.
var VoidProcessLength = $(".VoidProcess").width();
var CurrentProces = e.clientX - VoidProcessS
VolumeProcessRange(CurrentProces / VoidProcessLength);
$(".VoidProcessYet").css("width", CurrentProces);
//显示或隐藏多媒体文件列表事件
$(".ShowMusicList").toggle(function () {
$(".MusicList").show();
var MusicBoxRight = $(".MusicBox").offset().left + $(".MusicBox").width();
var MusicBoxBottom = $(".MusicBox").offset().top + $(".MusicBox").height();
$(".MusicList").css("left", MusicBoxRight - $(".MusicList").width());
$(".MusicList").css("top", MusicBoxBottom + 15);
}, function () {
$(".MusicList").hide();
//监听媒体文件结束的事件（ended），这边一首歌曲结束就读取下一首歌曲，实现播放上的循环播放
audio.addEventListener('ended', function () {
$(".MusicList .List .Single .SongName").each(function () {
if ($(this).css("color") == "rgb(122, 128, 147)") {
var IsBottom = $(this).parent(".Single").next(".Single").length == 0 ? true : false;
//检查是否是最尾端的歌曲
if (IsBottom) {
NextSong = $(".Single").first().children(".SongName").attr("KV");
$(".Single").first().children(".SongName").css("color", "#7A8093");
NextSong = $(this).parent(".Single").next(".Single").children(".SongName").attr("KV");
$(this).parent(".Single").next(".Single").children(".SongName").css("color", "#7A8093");
audio.src = "../Media/" + NextSong + ".mp3";
$(".MusicBox .ProcessControl .SongName").text(NextSong);
$(this).css("color", "#fff");
audio.play();
return false; //代表break
}, false);
379 //音量进度条的转变事件
381 function VolumeProcessRange(rangeVal) {
var audio = document.getElementById("myMusic");
audio.volume = parseFloat(rangeVal);
391 //播放进度条的转变事件
393 function DurationProcessRange(rangeVal) {
var audio = document.getElementById("myMusic");
audio.currentTime = rangeVal * audio.
audio.play();
405 //播放事件
407 function Play(obj) {
var SongUrl = obj.getAttribute("SongUrl");
var audio = document.getElementById("myMusic");
audio.src = "../Media/" + SongUrl + ".mp3";
audio.play();
TimeSpan();
423 //暂停事件
425 function Pause() {
var audio = document.getElementById("myMusic");
$("#PauseTime").val(audio.currentTime);
audio.pause();
437 //继续播放事件
439 function Continue() {
var audio = document.getElementById("myMusic");
audio.startTime = $("PauseTime").val();
audio.play();
451 //时间进度处理程序
453 function TimeSpan() {
var audio = document.getElementById("myMusic");
var ProcessYet = 0;
setInterval(function () {
var ProcessYet = (audio.currentTime / audio.duration) * 500;
$(".ProcessYet").css("width", ProcessYet);
var currentTime = timeDispose(audio.currentTime);
var timeAll = timeDispose(TimeAll());
$(".SongTime").html(currentTime + " | " + timeAll);
477 //时间处理，因为时间是以为单位算的，所以这边执行格式处理一下
479 function timeDispose(number) {
var minute = parseInt(number / 60);
var second = parseInt(number % 60);
minute = minute &= 10 ? minute : "0" +
second = second &= 10 ? second : "0" +
return minute + ":" +
495 //当前歌曲的总时间
497 function TimeAll() {
var audio = document.getElementById("myMusic");
return audio.
至此，一款播放器做完了，默认执行的是列表循环播放，包含了上一首，下一首，播放，暂停，播放进度条调整，音量调进度条整，列表选择等功能。播放的歌曲是固定的写在列表里面的，我喜欢的ESON的照片也是贴上去的，这些都可以做成动态获取或则与服务器交互，有兴趣的可以去试一下，扩展一下。
本来准备在我们的离线工作系统中添加音频播放器，后来需求变更，放弃了，所以这个版本不是完善的版本。视频播放器的功能大同小异，也可以自己试试。
本文源码下载：
阅读(...) 评论()