整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
線查看網頁鋼琴
效果圖
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>網頁鋼琴</title>
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}
.piano {
display: flex;
background-color: #000;
padding: 20px;
border-radius: 10px;
}
.key {
width: 40px;
height: 150px;
margin: 0 2px;
background-color: #fff;
border: 1px solid #000;
border-radius: 0 0 5px 5px;
cursor: pointer;
transition: background-color 0.1s;
}
.key.black {
width: 30px;
height: 100px;
background-color: #000;
margin-left: -15px;
margin-right: -15px;
z-index: 1;
}
.key:active, .key.active {
background-color: #ddd;
}
.key.black:active, .key.black.active {
background-color: #333;
}
</style>
</head>
<body>
<div class="piano">
<div class="key" data-note="C4"></div>
<div class="key black" data-note="C#4"></div>
<div class="key" data-note="D4"></div>
<div class="key black" data-note="D#4"></div>
<div class="key" data-note="E4"></div>
<div class="key" data-note="F4"></div>
<div class="key black" data-note="F#4"></div>
<div class="key" data-note="G4"></div>
<div class="key black" data-note="G#4"></div>
<div class="key" data-note="A4"></div>
<div class="key black" data-note="A#4"></div>
<div class="key" data-note="B4"></div>
</div>
<script>
const audioContext=new (window.AudioContext || window.webkitAudioContext)();
const keys=document.querySelectorAll('.key');
const noteFrequencies={
'C4': 261.63, 'C#4': 277.18, 'D4': 293.66, 'D#4': 311.13,
'E4': 329.63, 'F4': 349.23, 'F#4': 369.99, 'G4': 392.00,
'G#4': 415.30, 'A4': 440.00, 'A#4': 466.16, 'B4': 493.88
};
function playNote(frequency) {
const oscillator=audioContext.createOscillator();
const gainNode=audioContext.createGain();
oscillator.type='sine';
oscillator.frequency.setValueAtTime(frequency, audioContext.currentTime);
gainNode.gain.setValueAtTime(0.5, audioContext.currentTime);
gainNode.gain.exponentialRampToValueAtTime(0.001, audioContext.currentTime + 1);
oscillator.connect(gainNode);
gainNode.connect(audioContext.destination);
oscillator.start();
oscillator.stop(audioContext.currentTime + 1);
}
keys.forEach(key=> {
const note=key.dataset.note;
const frequency=noteFrequencies[note];
key.addEventListener('mousedown', ()=> {
playNote(frequency);
key.classList.add('active');
});
key.addEventListener('mouseup', ()=> {
key.classList.remove('active');
});
key.addEventListener('mouseleave', ()=> {
key.classList.remove('active');
});
});
</script>
</body>
</html>
<h1>這是標題</h1><h1>這是標題</h1>點擊文字就會跳轉到鏈接頁面
<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Ffile02.16sucai.com%2Fd%2Ffile%2F2014%2F0829%2Fb871e1addf5f8e96f3b390ece2b2da0d.jpg&refer=http%3A%2F%2Ffile02.16sucai.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1640251661&t=bbcdcc55bdac4a792d3f758462f9fd68" width="104" height="142" />電子琴在國內廣義上一般泛指電子鍵盤樂器.狹義指初級入門編曲鍵盤.
在音樂環境里面 鍵盤(Keyboard)則泛指黑白鍵盤類樂器,包括傳統聲學鋼琴,風琴,管風琴等.電子鍵盤,則是應用現代高科技電氣化的鍵盤樂器,包括電鋼琴,電子管風琴等.
隨著技術進步和用戶需求提高及市場競爭等原因，事實上一些鍵盤廠家并不會嚴格的按照這些類型定義來制造有嚴格區分的鍵盤，所以在定義上來并沒有唯一標準。具體某款新產品屬于什么類型并不重要，重要的是需要了解它的詳細功能參數，是否有你需要的功能。
一般常見常用的電子鍵盤樂器為以下幾種：
1.合成器
主要特點:內置豐富優秀的音色,并且編輯和擴展功能強大.分數字合成器和模擬合成器兩大類：數字合成器一般有音序器琶音器.但是沒有自動伴奏.模擬合成器一般以電子音色或合成音效為其重點,也分為純模擬合成器和虛擬模擬合成器
常見品牌型號:
數字合成器YAMAHA Motif系列,ROLAND Fantom系列,JUNO系列,KORG TR,TRITON,Kronos系列. KURZWEIL PC系列.moog,Dave Smith.
虛擬模擬合成器NORD LEAD和G全系列,KORG MICROKORG全系列,ROLAND SH全系列，純模擬合成器MOOG全系列,KORG MS20系列
2.編曲鍵盤.
主要特點:內置優秀豐富的節奏風格.并且編輯和擴展功能強大.一般沒有音色編輯擴展功能或比較簡易.
常見品牌型號:YAMAHA PSR四位數字, PSR S系列,TYROS系列 ; KORG PA系列 ; ROLAND BK,G,GW系列,E系列.
3.電鋼琴(數碼鋼琴)
主要特點:一般為88鍵標準尺寸仿鋼琴手感的逐級配重鍵盤.鋼琴和電鋼琴EP音色非常優秀.一般沒有編輯擴展功能. 舞臺電鋼一般有比較專業的音色效果調節功能。
部分含有類似編曲鍵盤的自動節奏功能.如YAMAHA DGX,KBP,CVP系列~ CASIO 飄韻PX 3系
常見品牌型號: YAMAHA P,CP,YDP,CLP,CVP系列; CASIO PX系列,CDP系列; ROLAND RD系列; KORG SP,LP系列; KURZWEIL MARK系列還有頂級品牌NORD PIANO系列.
4.電子琴
主要特點:基礎入門編曲鍵盤,有自動伴奏.一般沒有或只有簡單的節奏和音色的擴展功能.部分型號有簡易合成器功能(如YAMAHA PSR E413)
常見品牌型號: YAMAHA PSR(三位數),KB,PSR E系列; CASIO CTK,WK系列; ROLAND E09.
5.MIDI鍵盤
其實它的應用原理和我們普通用的電腦打字鍵盤一模一樣.都只是輸入終端.也就是說必須借助電腦軟件加載軟音源.或者連接控制硬音源. 當然前面說的四種電子鍵盤也可以設定擔當MIDI鍵盤的角色.
6.雙排鍵與電風琴以后再介紹
常見疑問:
1.為什么要把鍵盤型號按功能分得如此之細，做一個88鍵帶配重帶自動伴奏帶優秀音色的全功能鍵盤不就得了?
首先這個全功能鍵盤的價格也是很強大的~我只聽音樂,是不會去買要比MP3貴一倍雖然可以播放視頻但是我不需要這個功能的MP4的~
從移動便攜上來說,88鍵鍵盤的移動是個大問題,一般小車后座都不好擺放,更別說尾箱.61鍵或76鍵的鍵盤才便攜,如YAMA NP30是76鍵電鋼~多數合成器也有76鍵(73)版本.
從功能應用上來說,從事后期制作或者樂隊用戶來說只要好音色就好了.不需要那些傻瓜式的自動節奏.所以就只需要合成器就OK.反之亦然.
2.為啥一些鍵盤比如合成器,舞臺電鋼等都不自帶喇叭
自帶喇叭不會太好.功率也小.無法高保真表現優秀音色.只是方便娛樂和家用，達不到專業程度.合成器專門用于演出和制作，有專門的擴音和監聽系統
喇叭可能存在對電路的干擾,另外集成喇叭增加了鍵盤的制造成本和重量.(一對專業監聽箱子價格相當于半架高級合成器了),
喇叭也占用了琴面板版面資源.使面板上的控制按扭旋紐及顯示屏更小排列更擁擠.不方便查看和操作.
3.既然電子鍵盤都能當MIDI鍵盤用.誰還單獨去買MIDI鍵盤呢?
專業的MIDI帶有多個可編輯MIDI控制器，包括推子、旋鈕和按鈕.力度感應鍵盤.觸后感應鍵盤.這些不是一般鍵盤具備的.更詳細更專業的類型區別請參考如下連接:
http://www.cnkeyboard.com/bbs/thread-75617-1-1.html
4.家用 與 專業(舞臺) 鍵盤有哪些不同?
最主要的判斷是看輸出接口,一般專業舞臺鍵盤必須配備一組可接駁調音臺的(左右兩個聲道)輸出接口, 越高級輸出接口越多越注重輸出效果(如YAMAHA CP1總共有兩組輸出,一組平衡一組非平衡) ，而家用型號則輸出接口與耳機接口共用一個接口。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
