整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
每次給視頻配音都非常痛苦，久而久之我就積攢了很多的音頻素材網(wǎng)站，今天就給大家分享6個(gè)私藏已久的音頻資源網(wǎng)站，質(zhì)量高又免費(fèi)，且用且珍惜。
https://www.tosound.com/
這個(gè)網(wǎng)站可以查找全網(wǎng)不同站源的聲音素材，包含不同風(fēng)格的音樂、音效，資源非常豐富！提供了聲音的來源出處，讓我們可以自由挑選無版權(quán)素材，避免侵權(quán)問題。
https://icons8.com/music
這是一個(gè)的音樂資源豐富的素材庫，雖然是國外網(wǎng)站，當(dāng)可以搭配翻譯插件使用。歌曲按照類別、流派進(jìn)行劃分，你也可以輸入關(guān)鍵詞搜索，全部音樂都可以試聽下載。
https://sucai.zhiyu.art/music
這個(gè)資源網(wǎng)站比較全面，圖片、視頻、音樂、音效等素材，都可以免版權(quán)使用。目前有233個(gè)音樂素材和663個(gè)音效素材，支持試聽，你可以按照類型、情緒進(jìn)行篩選。
https://taira-komori.jpn.org/freesoundcn.html
這個(gè)網(wǎng)站里的所有音效，都是可以免費(fèi)下載的，里面的聲音分類非常的多，聲音也非常逼真。有人的聲音、動(dòng)作聲、動(dòng)物的聲音、自然界的各種聲音，應(yīng)有盡有。
https://mixkit.co/
這個(gè)網(wǎng)站可以頂三個(gè)用！因?yàn)樗粌H是視頻素材網(wǎng)站，還是音樂的素材網(wǎng)站和PR模板素材網(wǎng)站。音樂專區(qū)的音樂也非常的多，還有聲音特效，都是可以免費(fèi)下載的。
https://muhou.net/mouse-c_down
這是國內(nèi)為數(shù)不多的免費(fèi)資源共享站，里面提供了音樂素材，主要都是各種聲音合集，適用于各類場景。但是這些音效都是在視頻中，想要獲取音頻，需要格式轉(zhuǎn)換。
通常我們會(huì)用到【迅捷音頻轉(zhuǎn)換器】，上面有個(gè)“音頻提取”功能，將保存的視頻添加進(jìn)去，就能自動(dòng)分離出音頻了。
如果平時(shí)你下載的音頻素材無法播放，很有可能是格式不兼容，也可以用這款工具，將音頻通通轉(zhuǎn)換成常用的mp3格式，就能正常播放使用啦。
最美尾巴：
以上就是我今天分享的內(nèi)容，如果大家覺得有用，記得點(diǎn)贊告訴我，我會(huì)繼續(xù)分享更多優(yōu)質(zhì)的內(nèi)容。
上面這6個(gè)私藏已久的音頻資源網(wǎng)站，質(zhì)量高又免費(fèi)，還請大家且用且珍惜呀。
家好，今天給大家介紹一款，調(diào)用酷狗搜索音樂播放API實(shí)例html頁面源碼（圖1），實(shí)現(xiàn)搜索和音樂播放。送給大家哦，獲取方式在本文末尾，需要的朋友可以下載學(xué)習(xí)
圖1
搜索結(jié)構(gòu)顯示后，點(diǎn)擊播放按鈕即可播放，同時(shí)會(huì)顯示歌詞，歌詞可以關(guān)閉，同時(shí)可以控制播放模式（圖2）
圖2
本模板編碼：10107，需要的朋友，點(diǎn)擊下面的鏈接后，搜索10107，即可獲取。
就愛UI - 分享UI設(shè)計(jì)的點(diǎn)點(diǎn)滴滴
近期末, 你還在為HTML網(wǎng)頁設(shè)計(jì)結(jié)課作業(yè),老師的作業(yè)要求感到頭大？HTML網(wǎng)頁作業(yè)無從下手？網(wǎng)頁要求的總數(shù)量太多？沒有合適的模板？等等一系列問題。你想要解決的問題，在專欄
Html+Css+JavaScript期末大作業(yè)
都能滿足你的需求。原始HTML+CSS+JS頁面設(shè)計(jì), web大學(xué)生網(wǎng)頁設(shè)計(jì)作業(yè)源碼，這是一個(gè)不錯(cuò)的網(wǎng)頁制作，畫面精明，非常適合初學(xué)者學(xué)習(xí)使用。
網(wǎng)頁實(shí)現(xiàn)截圖：文末獲取源碼
動(dòng)漫官網(wǎng)主頁：
游戲動(dòng)漫頁面展示：
招賢納士：
聯(lián)系我們：
關(guān)于公司：
主要源碼展示：
主要源碼展示：
游戲動(dòng)漫主頁.html
<head>
<title>游戲動(dòng)漫官網(wǎng)-首頁</title>
</head>
<body>
<li class="active"><a href="index.html">首頁</a></li>
<li><a href="worksShow.html">作品展示</a></li>
<li><a href="recruit.html">招賢納士</a></li>
<li><a href="contract.html">聯(lián)系我們</a></li>
<li><a href="about.html">關(guān)于公司</a></li>
<li class="lang"><a class="active">中</a>|<a href="en_index.html">EN</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-- Swiper -->
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background-image:url(img/banner.png)"></div>
<div class="swiper-slide" style="background-image:url(img/banner.png)"></div>
<div class="swiper-slide" style="background-image:url(img/banner.png)"></div>
<div class="swiper-slide" style="background-image:url(img/banner.png)"></div>
<div class="swiper-slide" style="background-image:url(img/banner.png)"></div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination swiper-pagination-white"></div>
<!-- Add Arrows -->
<div class="swiper-button-next swiper-button-white"></div>
<div class="swiper-button-prev swiper-button-white"></div>
</div>
<!--多圖輪播-->
<div class="lunbo">
<div class="title wow bounceInUp">我們參與的項(xiàng)目</div>
<div class="picScroll">
<ul>
<li>
<a target="_blank" href="###">
<img _src="img/lunbo1.png" src="img/lunbo1.png" />
<div class="img-text">大型海戰(zhàn)戰(zhàn)場“潛龍之淵”上線，全民開戰(zhàn)！</div>
</a>
</li>
<li>
<a target="_blank" href="###">
<img _src="img/lunbo2.png" src="img/lunbo2.png" />
<div class="img-text">天刀嘲天宮《一人之戰(zhàn)》視頻首發(fā) 同名專輯上架QQ音樂</div>
</a>
</li>
<li>
<a target="_blank" href="###"><img _src="img/lunbo3.png" src="img/lunbo3.png" />
<div class="img-text">懶人攻略 如何刷完一周勝負(fù)令</div>
</a>
</li>
<li>
<a target="_blank" href="###"><img _src="img/lunbo4.png" src="img/lunbo4.png" />
<div class="img-text">《王者榮耀》魔性H5上線，五軍對決等你來戰(zhàn)</div>
</a>
</li>
<li>
<a target="_blank" href="###"><img _src="img/lunbo5.png" src="img/lunbo5.png" />
<div class="img-text">超高期待！玩家Coser作品獲《絕地求生 全軍出擊》官方點(diǎn)贊</div>
</a>
</li>
<li>
<a target="_blank" href="###"><img _src="img/lunbo6.png" src="img/lunbo6.png" />
<div class="img-text">揭幕戰(zhàn)RNGvsIG LPL春季賽1月15日正式開賽</div>
</a>
</li>
</ul>
<a class="prev" href="javascript：void(0)"></a>
<a class="next" href="javascript：void(0)"></a>
</div>
<a href="###">
<div class="more">更多作品</div>
</a>
</div>
<!--關(guān)于我們-->
<div class="aboutUs">
<div class="wrap">
<div class="title wow bounceInUp">關(guān)于我們</div>
<div class="text wow slideInDown">
<span class="ccf0f32">廣州袁動(dòng)動(dòng)漫設(shè)計(jì)有限公司（YD ART），致力于CG美術(shù)概念設(shè)計(jì)及三維影視游戲視覺開發(fā)制作</span>
<span>其團(tuán)隊(duì)現(xiàn)由創(chuàng)辦人袁杰聯(lián)合著名CG藝術(shù)家肖壯悅以及XRCGTEAM（<a href="http://www.xrcgteam.com">http://www.xrcgteam.com</a>）成員和各游戲、影視、動(dòng)漫業(yè)內(nèi)資深藝術(shù)家所組成，</span>
<span>為國內(nèi)外眾多項(xiàng)目提供優(yōu)質(zhì)概念設(shè)計(jì)、原畫設(shè)定、美宣插畫、次世代3D、GUI、動(dòng)作特效等外包服務(wù)。</span>
<span>曾參與《星際爭霸》《上古卷軸》《英雄聯(lián)盟》《戰(zhàn)神》《三國無雙》《夢幻西游》《LOC》《鬼吹燈》《長城》等國內(nèi)外大型游戲影視項(xiàng)目視覺美術(shù)開發(fā)制作</span>
</div>
<
<ul>
<li>
<a href="###">角色原畫設(shè)計(jì)</a>
<a href="###">場景原畫設(shè)計(jì)</a>
<a href="###">UI設(shè)計(jì)</a>
</li>
<li>
<a href="###">肖像繪制</a>
<a href="###">道具繪制</a>
<a href="###">圖標(biāo)繪制</a>
</li>
<li>
<a href="###">美宣</a>
<a href="###">卡牌繪制</a>
<a href="###">2D場景整合</a>
</li>
<li>
<a href="###">3DMAX角色模型</a>
<a href="###">3DMAX場景模型</a>
<a href="###">次世代模型、貼圖</a>
</li>
<li>
<a href="###">3DMAX動(dòng)畫</a>
<a href="###">3DMAX特效</a>
<a href="###">3轉(zhuǎn)2繪制</a>
</li>
</ul>
</div>
</div>
</div>
<!--footer-->
<style>
.copyrights {
text-indent: -9999px;
height: 0;
line-height: 0;
font-size: 0;
overflow: hidden;
}
</style>
主頁css
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
color: #cf0f32;
background: none;
}
.navbar-default .navbar-nav>li>a:hover {
color: #cf0f32;
}
.navbar-nav>li>a {
line-height: 80px;
}
.navbar-default .navbar-nav>li>a {
color: #000;
}
.nav>li>a {
padding: 10px 12px;
display: inline-block;
}
.navbar-default .navbar-nav>li.lang {
margin-left: 20px;
}xxxxxxxxxxbr .navbar-default .navbar-nav>.active>a,br.navbar-default .navbar-nav>.active>a:focus,br.navbar-default .navbar-nav>.active>a:hover {br color: #cf0f32;br background: none;br}brbr.navbar-default .navbar-nav>li>a:hover {br color: #cf0f32;br}brbr.navbar-nav>li>a {br line-height: 80px;br}brbr.navbar-default .navbar-nav>li>a {br color: #000;br}brbr.nav>li>a {br padding: 10px 12px;br display: inline-block;br}brbr.navbar-default .navbar-nav>li.lang {br margin-left: 20px;br}javascript實(shí)現(xiàn)圖片輪播：
//多圖輪播
jQuery(".picScroll").slide({
mainCell: "ul",
effect: "leftLoop",
vis: 6,
scroll: 1,
autoPage: true,
switchLoad: "_src",
autoPlay: true
});
//banner輪播
var swiper = new Swiper('.swiper-container', {
spaceBetween: 30,
// effect: 'fade',
loop: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
xxxxxxxxxxbr //多圖輪播br jQuery(".picScroll").slide({br mainCell: "ul",br effect: "leftLoop",br vis: 6,br scroll: 1,br autoPage: true,br switchLoad: "_src",br autoPlay: truebr });brbr //banner輪播br var swiper = new Swiper('.swiper-container', {br spaceBetween: 30,br // effect: 'fade',br loop: true,br pagination: {br el: '.swiper-pagination',br clickable: true,br },br navigation: {br nextEl: '.swiper-button-next',br prevEl: '.swiper-button-prev',br },br });br*請認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
