{"id":9898,"student_id":1486,"content":"{\"html\":\"\u003cdiv id=\\\"d\\\"\u003e\u003c/div\u003e\",\"css\":\"html, body {\\n width: 100%;\\n height: auto;\\n}\\n\\n* {\\n margin: none;\\n}\\n\\n#d {\\n height: 100px;\\n}\\n#d:after{\\n content:'';\\n display: inline-block;\\n height:100px;\\n width:1px;\\n}\\n\\n#d div {\\n display: inline-block;\\n width: 2px;\\n background: #aa0000;\\n margin: 0 0 0 2px;\\n vertical-align: bottom;\\n}\\n\",\"js\":\"var audio, source, audioCtx;\\nvar url = \\\"http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg\\\";\\naudio = new Audio(url);\\naudio.crossOrigin = \\\"anonymous\\\";\\naudio.play();\\n\\naudioCtx = new(AudioContext || webkitAudioContext)();\\nsource = audioCtx.createMediaElementSource(audio);\\n\\nvar gainNode = audioCtx.createGain();\\nvar processor = audioCtx.createScriptProcessor(4096, 1, 1);\\nsource.connect(gainNode);\\ngainNode.connect(processor);\\nprocessor.connect(audioCtx.destination);\\n\\nvar d = document.getElementById('d');\\nfor(var i=0; i\u003c128; i++){\\n d.innerHTML += '\u003cdiv\u003e\u003c/div\u003e';\\n}\\nvar dd = document.querySelectorAll('#d div');\\n\\nprocessor.onaudioprocess = function(e) {\\n var input = e.inputBuffer.getChannelData(0);\\n var output = e.outputBuffer.getChannelData(0);\\n for (var i = 0; i \u003c input.length; i++) {\\n output[i] = input[i];\\n }\\n\\n for(var j=0; j\u003c128; j++){\\n dd[j].style.height = output[j*32]*100+'px';\\n }\\n};\"}","created_at":"2017-08-25T20:21:14.971+08:00","updated_at":"2019-10-27T07:03:05.410+08:00","name":"sound wave","language":"web","screenshot":{"url":"https://cdn1.koding.school/uploads/project/screenshot/9898/0ef3514c45d2b03552aa4f252ad931dc.jpg"},"parent_id":null,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":407,"hashid":"jzmseedn","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}
[]
橘蘋學習平台
橘蘋學習平台
我的作品
檢視專案頁
匯出
複製
匯入
刪除
下載 Android APP (APK)
截圖
前往網站頁面
1:1:1
1:1
full
用手機掃描下方 QRCode 進行安裝
或您也可以
下載 APK
到這台電腦
用手機掃描下方 QRCode 進行安裝
或您也可以
下載 APK
到這台電腦