2012-09-02 7 views
15

मैं एक कैनवास तत्व में एक ऑडियो फ़ाइल (ओग और/या एमपी 3) के लिए एक तरंग प्रस्तुत करना चाहता हूं।एचटीएमएल 5 कैनवास पर ऑडियो वेवफ़ॉर्म कैसे प्रस्तुत करें?

मैं सोच रहा था कि क्या कोई पुस्तकालय है जो यह आसान बना देगा? मैं इन पंक्तियों के साथ परिणाम की तलाश में हूं: http://plucked.de/

उत्तर

20

https://github.com/katspaugh/wavesurfer.js जो भी आप खोज रहे हैं हो सकता है।

+0

आप जानते हैं कि कैसे बिना इसका इस्तेमाल करने की प्रतीक्षा करने के लिए लहरों प्रदर्शित होने से पहले आप इस गीत खेल सकते है? यह वास्तव में धीमा है:/(मेरी वेबसाइट परीक्षण देखें: [लिंक] (http://patrickcosta.webs.com/index.html) –

+0

नहीं, मुझे नहीं लगता, मुझे आशा है कि आपको एक रास्ता मिलेगा! मैं काम करना समाप्त कर दिया एक अन्य प्रोजेक्ट। – nak

+0

कोई ओएसएस विकल्प? उपर्युक्त क्रिएटिव कॉमन्स 3 के तहत जारी किया गया है ... –

5

यदि आप फ़ाइल की सामग्री डाउनलोड नहीं करना चाहते हैं तो तरंग छवि या डेटा सर्वर पर तैयार होना चाहिए।

कुछ समय पहले बीबीसी (हाँ, यूके मीडिया कंपनी) इसे कुशलतापूर्वक करने के लिए उपकरणों के खुले-सोर्स सेट। सभी अपने ब्लॉग पर वर्णित है: http://www.bbc.co.uk/rd/blog/2013/10/audio-waveforms

फौरन: लिनक्स सर्वर साइड पर आप audiowaveform कमांड लाइन उपकरण के साथ JSON आधारित तरंग प्रक्षेप करने के लिए ध्वनि फ़ाइल (FLAC, WAV या एमपी 3) कन्वर्ट करना होगा। इसके बाद आप ब्राउज़र क्लाइंट को JSON डेटा की सेवा करेंगे जो waveform-data.js के साथ कैनवास तत्व पर तरंग प्रदान करेगा।

1

यहां एमआईटी लाइसेंस के तहत एक और तरंग जेएस प्लगइन है, लेकिन यह ध्वनि क्लाउड के लिए विशिष्ट हो सकता है और अतिरिक्त काम की आवश्यकता है।

http://www.waveformjs.org/

+3

स्टैक ओवरफ़्लो में आपका स्वागत है! बस लाइब्रेरी से लिंक करना एक अच्छा जवाब नहीं है। इसके लिए, यह बताते हुए कि यह समस्या का समाधान क्यों करता है, और ऐसा करने के लिए लाइब्रेरी का उपयोग करके कोड प्रदान करना बेहतर उत्तर देता है। देखें: [** मैं समुदाय के अनुकूल तरीके से बाहरी संसाधन से कैसे जुड़ सकता हूं? **] (https : //meta.stackexchange.com/questions/94022/how-can-i-link-to-an-external-resource-in-a-community-friendly-way) –

संबंधित मुद्दे