https:\/\/audio.baigei.cc<\/a>\u5c1d\u8bd5<\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <title>\u97f3\u9891\u500d\u901f\u5904\u7406\u5668<\/title>\n <link href=\"https:\/\/cdn.bootcdn.net\/ajax\/libs\/twitter-bootstrap\/5.3.0\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n <style>\n \/* \u6bdb\u73bb\u7483\u6548\u679c\u6838\u5fc3\u6837\u5f0f *\/\n body {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n padding: 20px;\n }\n\n .glass-container {\n background: rgba(255, 255, 255, 0.08);\n backdrop-filter: blur(15px);\n -webkit-backdrop-filter: blur(15px);\n border-radius: 20px;\n border: 1px solid rgba(255, 255, 255, 0.15);\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\n padding: 2rem;\n margin: 2rem auto;\n max-width: 800px;\n }\n\n .glass-control {\n background: rgba(255, 255, 255, 0.1) !important;\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\n color: white !important;\n backdrop-filter: blur(5px);\n }\n\n .glass-control:focus {\n background: rgba(255, 255, 255, 0.15) !important;\n box-shadow: none !important;\n }\n\n .glass-button {\n background: rgba(255, 255, 255, 0.15) !important;\n border: 1px solid rgba(255, 255, 255, 0.25) !important;\n color: white !important;\n transition: all 0.3s ease;\n }\n\n .glass-button:hover {\n background: rgba(255, 255, 255, 0.25) !important;\n transform: translateY(-1px);\n }\n\n #status {\n color: rgba(255, 255, 255, 0.8);\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n margin: 1rem 0;\n min-height: 24px;\n }\n\n \/* \u6587\u4ef6\u9009\u62e9\u5668\u7f8e\u5316 *\/\n .form-control::file-selector-button {\n background: rgba(255, 255, 255, 0.1);\n border: none;\n color: white;\n padding: 0.375rem 0.75rem;\n margin-right: 1rem;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"glass-container\">\n <!-- \u72b6\u6001\u63d0\u793a -->\n <div id=\"status\" class=\"small mb-3\">\u51c6\u5907\u5c31\u7eea<\/div>\n\n <!-- \u6587\u4ef6\u4e0a\u4f20 -->\n <div class=\"mb-4\">\n <input type=\"file\" \n class=\"form-control glass-control\" \n id=\"audioInput\" \n accept=\"audio\/*\">\n <\/div>\n\n <!-- \u63a7\u5236\u9762\u677f -->\n <div class=\"row g-3 align-items-center mb-4\">\n <div class=\"col-md-5\">\n <div class=\"input-group\">\n <input type=\"number\" \n id=\"speed\" \n class=\"form-control glass-control\"\n min=\"0.5\" \n max=\"4\" \n step=\"0.1\" \n value=\"1.0\" \n required>\n <span class=\"input-group-text glass-control\">\u500d\u901f<\/span>\n <\/div>\n <\/div>\n \n <div class=\"col-md-7 d-flex gap-2\">\n <button class=\"btn glass-button flex-grow-1\" \n onclick=\"togglePlayback()\">\n \u25b6 \u64ad\u653e\/\u6682\u505c\n <\/button>\n <button id=\"downloadBtn\" \n class=\"btn glass-button flex-grow-1\" \n onclick=\"downloadProcessed()\" \n disabled>\n \u2b07 \u4e0b\u8f7d\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"glass-container\"><img src=\".\/furinatips.png\" width=\"18%\" style=\"color:white\uff1b\">\u5168\u90e8\u97f3\u9891\u53ea\u5728\u672c\u5730\u5904\u7406<\/div>\n \n <script>\n \/\/ \u97f3\u9891\u5904\u7406\u6838\u5fc3\u903b\u8f91\n let audioContext;\n let audioBuffer;\n let activeSource;\n let isPlaying = false;\n let originalExtension = '';\n let originalFilename = '';\n\n \/\/ \u72b6\u6001\u63d0\u793a\n function showStatus(text, isError = false) {\n const statusEl = document.getElementById('status');\n statusEl.textContent = text;\n statusEl.style.color = isError ? '#ff6b6b' : 'rgba(255,255,255,0.8)';\n }\n\n \/\/ \u6587\u4ef6\u5904\u7406\n document.getElementById('audioInput').addEventListener('change', async (e) => {\n const file = e.target.files[0];\n if (!file) return;\n\n showStatus('\u6587\u4ef6\u52a0\u8f7d\u4e2d...');\n try {\n originalFilename = file.name.replace(\/\\.[^\/.]+$\/, \"\");\n originalExtension = file.name.split('.').pop().toLowerCase();\n\n if (!audioContext) {\n audioContext = new (window.AudioContext || window.webkitAudioContext)();\n }\n\n const arrayBuffer = await file.arrayBuffer();\n audioBuffer = await audioContext.decodeAudioData(arrayBuffer);\n \n document.getElementById('downloadBtn').disabled = false;\n showStatus(`${file.name} \u5df2\u52a0\u8f7d`);\n } catch (error) {\n console.error('\u6587\u4ef6\u5904\u7406\u5931\u8d25:', error);\n showStatus(`\u9519\u8bef: ${error.message}`, true);\n document.getElementById('downloadBtn').disabled = true;\n }\n });\n\n \/\/ \u64ad\u653e\u63a7\u5236\n async function togglePlayback() {\n if (!audioBuffer) {\n showStatus('\u8bf7\u5148\u9009\u62e9\u97f3\u9891\u6587\u4ef6', true);\n return;\n }\n\n try {\n if (isPlaying) {\n stopPlayback();\n return;\n }\n\n if (audioContext.state === 'suspended') {\n await audioContext.resume();\n }\n\n activeSource = audioContext.createBufferSource();\n activeSource.buffer = audioBuffer;\n activeSource.playbackRate.value = parseFloat(document.getElementById('speed').value);\n activeSource.connect(audioContext.destination);\n \n activeSource.onended = () => {\n isPlaying = false;\n showStatus('\u64ad\u653e\u7ed3\u675f');\n };\n\n activeSource.start();\n isPlaying = true;\n showStatus('\u64ad\u653e\u4e2d...');\n } catch (error) {\n console.error('\u64ad\u653e\u5931\u8d25:', error);\n showStatus(`\u64ad\u653e\u9519\u8bef: ${error.message}`, true);\n isPlaying = false;\n }\n }\n\n function stopPlayback() {\n if (activeSource) {\n activeSource.stop();\n activeSource.disconnect();\n activeSource = null;\n }\n isPlaying = false;\n showStatus('\u5df2\u505c\u6b62');\n }\n\n \/\/ \u4e0b\u8f7d\u5904\u7406\n async function downloadProcessed() {\n if (!audioBuffer) {\n showStatus('\u8bf7\u5148\u9009\u62e9\u97f3\u9891\u6587\u4ef6', true);\n return;\n }\n\n showStatus('\u5904\u7406\u4e2d...');\n try {\n const speed = parseFloat(document.getElementById('speed').value);\n const offlineContext = new OfflineAudioContext(\n audioBuffer.numberOfChannels,\n Math.ceil(audioBuffer.length \/ speed),\n audioBuffer.sampleRate\n );\n\n const source = offlineContext.createBufferSource();\n source.buffer = audioBuffer;\n source.playbackRate.value = speed;\n source.connect(offlineContext.destination);\n source.start();\n\n const renderedBuffer = await offlineContext.startRendering();\n const wavData = audioBufferToWav(renderedBuffer);\n \n const blob = new Blob([wavData], { type: 'audio\/wav' });\n const url = URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = url;\n a.download = `${originalFilename}_${speed}x.${originalExtension}`;\n a.click();\n \n setTimeout(() => {\n URL.revokeObjectURL(url);\n showStatus('\u4e0b\u8f7d\u5b8c\u6210');\n }, 100);\n } catch (error) {\n console.error('\u4e0b\u8f7d\u5931\u8d25:', error);\n showStatus(`\u5904\u7406\u5931\u8d25: ${error.message}`, true);\n }\n }\n\n \/\/ WAV\u8f6c\u6362\u5de5\u5177\n function audioBufferToWav(buffer) {\n const numChannels = buffer.numberOfChannels;\n const sampleRate = buffer.sampleRate;\n const length = buffer.length;\n const bytesPerSample = 2;\n const blockAlign = numChannels * bytesPerSample;\n\n const arrayBuffer = new ArrayBuffer(44 + (length * blockAlign));\n const view = new DataView(arrayBuffer);\n\n \/\/ \u5934\u90e8\u4fe1\u606f\n writeString(view, 0, 'RIFF');\n view.setUint32(4, 36 + length * blockAlign, true);\n writeString(view, 8, 'WAVE');\n writeString(view, 12, 'fmt ');\n view.setUint32(16, 16, true);\n view.setUint16(20, 1, true);\n view.setUint16(22, numChannels, true);\n view.setUint32(24, sampleRate, true);\n view.setUint32(28, sampleRate * blockAlign, true);\n view.setUint16(32, blockAlign, true);\n view.setUint16(34, bytesPerSample * 8, true);\n writeString(view, 36, 'data');\n view.setUint32(40, length * blockAlign, true);\n\n \/\/ PCM\u6570\u636e\u5199\u5165\n let offset = 44;\n for (let i = 0; i < length; i++) {\n for (let ch = 0; ch < numChannels; ch++) {\n const sample = Math.max(-1, Math.min(1, buffer.getChannelData(ch)[i]));\n view.setInt16(offset, sample * 0x7FFF, true);\n offset += 2;\n }\n }\n\n return arrayBuffer;\n }\n\n function writeString(view, offset, string) {\n for (let i = 0; i < string.length; i++) {\n view.setUint8(offset + i, string.charCodeAt(i));\n }\n }\n <\/script>\n<\/body>\n<\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"\u524d\u8a00 \u7531\u4e8e\u4e4b\u524d\u670b\u53cb\u73a9\u8bcd\u5178\u7b14\u53d1\u73b0\u8bcd\u5178\u7b14\u7684\u97f3\u4e50\u500d\u901f\u4f1a\u6539\u53d8\u97f3\u8c03\uff0c\u800c\u73b0\u5728\u7f51\u7edc\u4e0a\u7684\u5de5\u5177\u5747\u4e0d\u4f1a\u6539\u53d8\u97f3\u8c03\uff0c\u6545\u5199\u4e86\u4e00\u4e2ahtml\u500d\u901f\u5904\u7406\u5de5\u5177 \uff08\u5176\u5b9e ...<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"emotion":"","emotion_color":"","title_style":"","license":""},"categories":[1],"tags":[],"class_list":["post-350","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/baigei.cc\/index.php\/wp-json\/wp\/v2\/posts\/350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/baigei.cc\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/baigei.cc\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/baigei.cc\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/baigei.cc\/index.php\/wp-json\/wp\/v2\/comments?post=350"}],"version-history":[{"count":0,"href":"https:\/\/baigei.cc\/index.php\/wp-json\/wp\/v2\/posts\/350\/revisions"}],"wp:attachment":[{"href":"https:\/\/baigei.cc\/index.php\/wp-json\/wp\/v2\/media?parent=350"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/baigei.cc\/index.php\/wp-json\/wp\/v2\/categories?post=350"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/baigei.cc\/index.php\/wp-json\/wp\/v2\/tags?post=350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}