रिएक्टिव नेटिव ऑडियो रिकॉर्डर प्लेयर

ब्लॉग

रिएक्टिव नेटिव ऑडियो रिकॉर्डर प्लेयर

रिएक्टिव नेटिव ऑडियो रिकॉर्डर प्लेयर

प्रतिक्रिया-देशी-ऑडियो-रिकॉर्डर-खिलाड़ी

यह ऑडियो रिकॉर्डर और प्लेयर के लिए एक प्रतिक्रिया-मूल लिंक मॉड्यूल है। यह एक प्लेलिस्ट ऑडियो मॉड्यूल नहीं है और यह पुस्तकालय दोनों के लिए सरल रिकॉर्डर और प्लेयर कार्यक्षमता प्रदान करता है |_+_| और |_+_| मंच। यह केवल प्रत्येक प्लेटफ़ॉर्म के लिए डिफ़ॉल्ट फ़ाइल एक्सटेंशन का समर्थन करता है। यह मॉड्यूल यूआरएल से फाइल को भी हैंडल कर सकता है।

मुफ्त पढ़ें

ब्रेकिंग चेंज

  • में व्यापक सुधार हुआ है # 114 जो |_+_| में जारी किया गया है। अब हम सभी का समर्थन करते हैं |_+_| बिना किसी संस्करण के भिन्नता वाले संस्करण। अपनी समझ के लिए नीचे इंस्टॉलेशन गाइड देखें।

पूर्वावलोकन

प्रवासन गाइड

1. . 2. .
android ios
2.3.0 RN
startRecord startRecorder
stopRecord stopRecorder
startPlay startPlayer
stopPlay stopPlayer
pausePlay pausePlayer
resume
resumePlayer seekTo
seekToPlayer ``
setSubscriptionDuration

शुरू करना

setRecordInterval

अधिकतर स्वचालित स्थापना

रिएक्टिव नेटिव का उपयोग करना>= 0.60

पैकेज को मैन्युअल रूप से जोड़ने की अब आवश्यकता नहीं है ऑटोलिंकिंग .

  • आईओएस प्लेटफार्म:

    जावास्क्रिप्ट रेगेक्स मैच उदाहरण

    |_+_| # iOS पर CocoaPods को इस अतिरिक्त चरण की आवश्यकता है

  • Android समर्थन के साथ Android प्लेटफ़ॉर्म:

    का उपयोग करते हुए जेटीफायर टूल पिछड़े-संगतता के लिए।

    अपना संशोधित करें android/build.gradle विन्यास:

    addRecordBackListener
  • AndroidX के साथ Android प्लेटफ़ॉर्म:

    अपना संशोधित करें android/build.gradle विन्यास:

    removeRecordInterval
रिएक्ट नेटिव का उपयोग करना<0.60

setVolume

मैनुअल स्थापना

आईओएस
  1. XCode में, प्रोजेक्ट नेविगेटर में, |_+_| . पर राइट क्लिक करें |_+_|
  2. |_+_| . पर जाएं |_+_| और जोड़ें |_+_|
  3. XCode में, प्रोजेक्ट नेविगेटर में, अपना प्रोजेक्ट चुनें। जोड़ें |_+_| आपके प्रोजेक्ट के लिए |_+_| |_+_|
  4. अपना प्रोजेक्ट चलाएं (|_+_|)<
एंड्रॉयड
  1. खोलो |_+_|
  • जोड़ें |_+_| फ़ाइल के शीर्ष पर आयात करने के लिए
  • जोड़ें |_+_| द्वारा लौटाई गई सूची में |_+_| तरीका
  1. निम्नलिखित पंक्तियों को |_+_| में जोड़ें:

    $ npm install react-native-audio-recorder-player --save
  2. निर्भरता ब्लॉक के अंदर निम्नलिखित पंक्तियों को सम्मिलित करें |_+_|:

    $ cd ios && pod install && cd ..

स्थापना के बाद

पर आईओएस आपको |_+_| में उपयोग विवरण जोड़ने की आवश्यकता है:

buildscript { ext { buildToolsVersion = '28.0.3' minSdkVersion = 16 compileSdkVersion = 28 targetSdkVersion = 28 # Only using Android Support libraries supportLibVersion = '28.0.0' }

पर एंड्रॉयड आपको |_+_| में अनुमति जोड़ने की आवश्यकता है:

buildscript { ext { buildToolsVersion = '28.0.3' minSdkVersion = 16 compileSdkVersion = 28 targetSdkVersion = 28 # Remove 'supportLibVersion' property and put specific versions for AndroidX libraries androidXAnnotation = '1.1.0' androidXBrowser = '1.0.0' // Put here other AndroidX dependencies }

साथ ही, ऊपर Android |_+_| ऑडियो रिकॉर्ड करने के लिए रनटाइम अनुमति की आवश्यकता होती है। का उपयोग करते हुए प्रतिक्रिया-मूल-अनुमतियाँ इस समस्या से निपटने में आपकी मदद करेगा। रिकॉर्डिंग शुरू करने से पहले नमूना उपयोग नीचे दिया गया है।

$ react-native link react-native-audio-recorder-player

तरीकों

वादे के साथ सभी तरीकों को लागू किया जाता है।

कार्यों विराम वापसी विवरण
MMS को |_+_| सेकंड Libraries सेकंड को |_+_| . में बदलें डोरी।
AddRecordBackListener |_+_| वापस कॉल करें Add Files to [your project's name] देशी मॉड्यूल से कॉलबैक प्राप्त करें। प्राप्त होगा |_+_|, |_+_| (यदि startRecorder में कॉन्फ़िगर किया गया है)
ऐडप्लेबैक लिस्टनर |_+_| वापस कॉल करें node_modules देशी मॉड्यूल से कॉलबैक प्राप्त करें। प्राप्त होगा |_+_|, |_+_|
स्टार्ट रिकॉर्डर |_+_| उरी? |_+_| मीटरिंग सक्षम? react-native-audio-recorder-player रिकॉर्डिंग शुरू। यूरी पास नहीं करने से ऑडियो डिफॉल्ट लोकेशन में सेव हो जाएगा।
स्टॉप रिकॉर्डर RNAudioRecorderPlayer.xcodeproj रिकॉर्डिंग बंद करें।
स्टार्टप्लेयर libRNAudioRecorderPlayer.a घृणा? Build Phases http शीर्षलेख? Link Binary With Libraries खेलना शुरू करें। परम को पारित नहीं करने से डिफ़ॉल्ट स्थान पर ऑडियो चलेगा।
स्टॉपप्लेयर Cmd+R खेलना बंद करो।
रोकेंखिलाड़ी android/app/src/main/java/[...]/MainApplication.java खेलना रोकें।
सीकटूप्लेयर |_+_| मिलीसेकेंड import com.dooboolab.RNAudioRecorderPlayerPackage; ऑडियो की तलाश करें।
सेटवॉल्यूम |_+_| मूल्य new RNAudioRecorderPlayerPackage() ऑडियो प्लेयर का वॉल्यूम सेट करें (डिफ़ॉल्ट 1.0, रेंज: 0.0 ~ 1.0)।

रिकॉर्ड की गई ऑडियो गुणवत्ता को अनुकूलित करना (|_+_| से)

getPackages()

प्रत्येक पैरामीटर प्रकार पर अधिक विवरण |_+_| में वर्णित हैं। नीचे एक उदाहरण कोड है।

android/settings.gradle

डिफ़ॉल्ट पथ

  • एंड्रॉइड यूरी के लिए डिफ़ॉल्ट पथ है |_+_|।
  • ios uri के लिए डिफ़ॉल्ट पथ है |_+_|।

प्रयोग

include ':react-native-audio-recorder-player' project(':react-native-audio-recorder-player').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-audio-recorder-player/android')

टिप्स

यदि आप रिकॉर्ड से वास्तविक यूरी प्राप्त करना चाहते हैं या फ़ाइल को वास्तव में पकड़ना चाहते हैं और इसे अपनी बाल्टी में अपलोड करना चाहते हैं, तो |_+_| का उपयोग करते समय बस हल किए गए संदेश को पकड़ें या |_+_| नीचे की तरह विधि।

android/app/build.gradle

इसके अलावा, उपरोक्त उदाहरण आपको ऑडियो रिकॉर्ड करने के लिए मैन्युअल पथ सेट करने में मदद करता है। पथ नहीं देना परम में रिकॉर्ड होगा |_+_| जैसा कि ऊपर बताया गया है पथ।

एंड्रॉइड स्टूडियो कैलकुलेटर ट्यूटोरियल

अपने आप को आजमाएं

  1. गोटो |_+_| फोल्डर चलाकर |_+_|.
  2. भागो |_+_|।
  3. भागो |_+_| आईओएस सिम्युलेटर पर चलाने के लिए और |_+_| अपने Android डिवाइस पर चलाने के लिए।

हर चीज़

  • [] बेहतर एंड्रॉइड अनुमति हैंडलिंग
  • [एक्स] वॉल्यूम नियंत्रण
  • [x] रिकॉर्डर कॉलबैक हैंडलर के लिए सिंक टाइमिंग

विशेष धन्यवाद

मन्स्या - लोगो डिजाइनर।

विवरण डाउनलोड करें:

लेखक: दूबूलाब

सोर्स कोड: https://github.com/dooboolab/react-native-audio-recorder-player

#प्रतिक्रिया-मूल #प्रतिक्रिया #मोबाइल-ऐप्स