问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

怎么用C语言编写简单的歌曲播放器?

发布网友 发布时间:2022-04-22 05:23

我来回答

4个回答

懂视网 时间:2022-05-12 15:51

这次给大家带来用最简单的前端技术制作一个简洁的音乐播放器,用前端技术制作一个简洁的音乐播放器的注意事项有哪些,下面就是实战案例,一起来看一下。

这个播放器的音乐是通过豆瓣FM的API获取到的,我们可以随机的听到豆瓣FM的任何音乐。

html部分
代码:

<div class="wrapper">
<div class="background"></div>
<div class="content">
<audio src=""></audio>
<div class="music-massage">
<p class="musicname"></p>
<p class="musicer"></p>
</div>
<div class="music-icon">
<a class="m-icon m-fenxiang colored" href="http://service.weibo.com/share/share.php?title=#_loginLayer_1466697157538" target="new"></a>
<span class="m-icon m-star colored"></span>
<span class="m-icon m-heart colored"></span>
</div>
</div>
<span class="basebar">
<span class="progressbar"></span>
</span>
<div class="controls">
<div class="play-control">
<span class="m-icon m-play btn1" title="播放/暂停"></span>
<span class="m-icon m-change btn2" title="换频道"></span>
<span class="m-icon m-next btn3" title="换曲"></span>
</div>
<div class="music-control">
<span class="m-icon m-xunhuan colored"></span>
<span class="m-icon m-radom colored"></span>
</div>
</div>
</div>

这里就不写css的代码了,大家可以直接看源文件或者从开发者工具中去看。如果有问题可以私聊我。

js部分
代码一(播放控制):

//播放控制
var myAudio = $("audio")[0];
// 播放/暂停控制
$(".btn1").click(function(){
if (myAudio.paused) {
play()
} else {
pause()
}
});
// 频道切换
$(".btn2").click(function(){
getChannel();
});
// 播放下一曲音乐
$(".btn3").click(function(){
getmusic();
});
function play(){
myAudio.play();
$('.btn1').removeClass('m-play').addClass('m-pause');
}
function pause(){
myAudio.pause();
$('.btn1').removeClass('m-pause').addClass('m-play');
}

代码二(ajax获取豆瓣fm音乐):

//获取随机频道信息
function getChannel(){
$.ajax({
url: 'http://api.jirengu.com/fm/getChannels.php',
dataType: 'json',
Method: 'get',
success: function(response){
var channels = response.channels;
var num = Math.floor(Math.random()*channels.length);
var channelname = channels[num].name;//获取随机频道的名称
var channelId = channels[num].channel_id;//获取随机频道ID
$('.record').text(channelname);
$('.record').attr('title',channelname);
$('.record').attr('data-id',channelId);//将频道ID计入data-id中
getmusic();
}
})
}
// 通过ajax获取歌曲
function getmusic(){
$.ajax({
url: 'http://api.jirengu.com/fm/getSong.php',
dataType: 'json',
Method: 'get',
data:{
'channel': $('.record').attr('data-id')
},
success: function (ret) {
var resource = ret.song[0],
url = resource.url,
bgPic = resource.picture,
sid = resource.sid,//获取歌词的参数
ssid = resource.ssid,//获取歌词的参数
title = resource.title,
author = resource.artist;
$('audio').attr('src',url);
$('.musicname').text(title);
$('.musicname').attr('title',title)
$('.musicer').text(author);
$('.musicer').attr('title',author)
$(".background").css({
'background':'url('+bgPic+')',
'background-repeat': 'no-repeat',
'background-position': 'center',
'background-size': 'cover',
});
play();//播放
}
})
};

注意:豆瓣会限制我们的访问,所以在<head>标签下一定要添加<meta name="referrer" content="no-referrer">

代码三(进度条控制):

setInterval(present,500) //每0.5秒计算进度条长度
$(".basebar").mousedown(function(ev){ //拖拽进度条控制进度
var posX = ev.clientX;
var targetLeft = $(this).offset().left;
var percentage = (posX - targetLeft)/400100;
myAudio.currentTime = myAudio.duration * percentage/100;
});
function present(){
var length = myAudio.currentTime/myAudio.duration100;
$('.progressbar').width(length+'%');//设置进度条长度
//自动下一曲
if(myAudio.currentTime == myAudio.duration){
getmusic()
}
}

html5中audio标签本身提供进度条功能,以及音量控制功能的,这里我为了界面的好看自己设置了进度条,音量控制还没有加,大家可以自行添加。

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

相关阅读:

怎样让浏览器变成编辑器

如何使用python来判断图片相似度

用来下载图片的javascript脚本

热心网友 时间:2022-05-12 12:59

很简单的。

计算机发声原理:
声音有三个特性:响度、音调、音色。

响度,这个非常好理解。就是我们感觉到的声音的大小。具体点说就是由“振幅”决定,振幅越大响度越大。一般计量响度的单位是分贝,dB。
音调,这个就是声音的高低,由“频率”决定,频率越高音调越高。频率单位是赫兹,符号Hz。
音色,在生活当中,我们会发现各种物品发出的声音的特点是不一样的,如二胡和笛子。声音的特性就是音色。而决定声音的音色是由于物体本身的材料、结构。

对于我们的计算机而言。发声的设置都是固定了的。要么要计算机上的那个喇叭,那么是外接的音响等。

现在这里对计算机上的那个喇叭用Turbo C 2.0进行编程,使之发出动听的音乐《梁祝》。

第一步:定义《梁祝》的每一个音符的频率和时间,将定义好的频率和时间写入文件或者保存在数组里面。如果仅仅是写一两个程序自己玩玩的话,那直接保存在数组里面就可以了。如果你想自己写个播放器的话,那你先自己定义一种音乐格式文件(类似.mp3、.wav这种文件,这里暂时把这个文件定为.mymusic),将《梁祝》每个音符的频率、时间写入这个自定义的音乐格式文件liangzhu.mymusic。

第二步:完成了liangzhu.mymusic文件的定义后,我们要做的事情就是读文件,控制喇叭发声。这个具体可以参照现有的资料。这里需要事先写几个函数,读文件的函数,暂停函数,频率对照函数等等。

第三步,将上面的程序链接起来,就OK了。

将上面的步骤优化下,一个DIY的音乐播放器就成功了。
我上面说的只是控制了声音的频率和时间,其实还可以控制响度。对于一些特殊的设备,控制音色也不是不可能。

这种程序我在大一的时候写过。现在想起来不难的。
主要是对C语言是否熟练,当然,你想要实现一个播放器,那你途中会遇到很多困难的。
祝你好运!

热心网友 时间:2022-05-12 14:17

编写歌曲楼主不是要的播放器,楼上两个真中,发个播放器,我在别的地方早见你们发过了,其实在QB语言里有一个PLAY函数可以的,1就是都,2是锐,3是米…………
相信C里也会有这么一个函数的,你可以在网上搜一下这个函数的用法,相信这样更有帮助,而不是随便复制给楼主些代码

热心网友 时间:2022-05-12 15:52

计算机发声原理:节选自网络
声音有三个特性:响度、音调、音色。
响度,这个非常好理解。就是我们感觉到的声音的大小。具体点说就是由“振幅”决定,振幅越大响度越大。一般计量响度的单位是分贝,dB。
音调,这个就是声音的高低,由“频率”决定,频率越高音调越高。频率单位是赫兹,符号Hz。
音色,在生活当中,我们会发现各种物品发出的声音的特点是不一样的,如二胡和笛子。声音的特性就是音色。而决定声音的音色是由于物体本身的材料、结构。
对于我们的计算机而言。发声的设置都是固定了的。要么要计算机上的那个喇叭,那么是外接的音响等。
现在这里对计算机上的那个喇叭用Turbo C 2.0进行编程,使之发出动听的音乐《梁祝》。
第一步:定义《梁祝》的每一个音符的频率和时间,将定义好的频率和时间写入文件或者保存在数组里面。如果仅仅是写一两个程序自己玩玩的话,那直接保存在数组里面就可以了。如果你想自己写个播放器的话,那你先自己定义一种音乐格式文件(类似.mp3、.wav这种文件,这里暂时把这个文件定为.mymusic),将《梁祝》每个音符的频率、时间写入这个自定义的音乐格式文件liangzhu.mymusic。
第二步:完成了liangzhu.mymusic文件的定义后,我们要做的事情就是读文件,控制喇叭发声。这个具体可以参照现有的资料。这里需要事先写几个函数,读文件的函数,暂停函数,频率对照函数等等。
第三步,将上面的程序链接起来,就OK了。
将上面的步骤优化下,一个DIY的音乐播放器就成功了。
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
英语作文带翻译:我的理想家园 农村商业银行中秋上班吗 中秋节农村商业银行上班吗 农村商业银行中秋节上班吗 内蒙古地形特征 汕头大学精神卫生中心简介 西尔维奥·门德斯·坎波斯·儒尼奥尔的个人简介 天然的指南针是什么意思? 养老院老人心理问题有哪些 养老院老人常见的心理需求 如何在编程里插入循环 音乐? 如何在C语言的编程中插入音乐? 如何用c语言编写歌曲 烧水壶什么牌子好? 水壶有哪些材质? 烧水壶为什么一直响? 烧水壶有除氯的功能,这个功能要一直使用吗? 烧水壶有水垢 烧水壶有糊味还能继续用吗? 电水壶烧水有响声是怎么回事 真心话大冒险损人题目大全 提问题大全 问男友真心话问题大全 真心话问题 真心话问题大全感情 你好小问能问什么问题? 真心话爱情问题大全 真心话大冒险经典问题大全哪里有啊?!要完整的 如何分辨手机原装或换了零件? 左边一个C右边一个C是什么商标 怎么在编程里添加图片和音乐,电脑版 C语言 怎么编程播放WAV音乐 帕拉卡编程设计里配音乐怎么做 用C语言怎么编写音乐程序???? 智能音乐播放器怎样增加编程 如何编写51单片机音乐程序 Java编程实现音乐播放 买全新智能手机怎么看手机零件没有被换过? 怎样编程使自己的电脑敲击键盘出现音乐 编程开发音乐程序 怎样用汇编语言编写音乐 向单片机高手求助,怎样用C语言编写歌曲程序和歌曲... 如何用C语言编程打开磁盘上的音乐文件 有哪些适合编程时听的音乐? 求一张可以做手机壁纸的图片,要上面有一个戒字的... 有没有一个戒字的手机壁纸 想要一张戒烟戒酒的图片,清晰一点的,做手机壁纸用。 戒烟的手机壁纸 求一张抽烟后的黑肺图,用来做手机壁纸的,助攻戒... 求一些戒除手淫或者类似的高清手机壁纸