Come passare l'audio al lettore audio esempio di codice react

Questa domanda può essere affrontata in vari modi, ma in questo caso condividiamo la soluzione più completa per noi.

Esempio 1: riprodurre l'audio in react

importReactAudioPlayerfrom'react-audio-player';//...<ReactAudioPlayer
  src="my_audio_file.ogg"
  autoPlay
  controls
/>

Esempio 2: lettore audio in react

importReactfrom'react';importReactDOMfrom'react-dom';importReactTestUtilsfrom'react-dom/test-utils';importReactAudioPlayerfrom'../src/index.tsx';describe('ReactAudioPlayer',function(){const song ='./fixtures/turkish_march.ogg';test('renders an audio element',function(){const instance =ReactTestUtils.renderIntoDocument(<ReactAudioPlayer/>);const instanceEl =ReactDOM.findDOMNode(instance);expect(instanceEl.tagName).toBe('AUDIO');});test('sets the loop attribute if provided',function(){const instance =ReactTestUtils.renderIntoDocument(<ReactAudioPlayer
        src={song}
        loop
      />);const instanceEl =ReactDOM.findDOMNode(instance);expect(instanceEl.getAttribute('loop')).not.toBe(null);})test('sets title',function(){const instance =ReactTestUtils.renderIntoDocument(<ReactAudioPlayer
        src={song}
        title="Turkish march"/>);const instanceEl =ReactDOM.findDOMNode(instance);expect(instanceEl.getAttribute("title")).toBe("Turkish march");})test('receives all custom props',function(){const instance =ReactTestUtils.renderIntoDocument(<ReactAudioPlayer
        src={song}
        name="custom-name"
        data-id="custom-data"
        controlsList="nodownload"/>);const props =Object.keys(instance.props);expect(props).toContain('name');expect(props).toContain('data-id');expect(props).toContain('controlsList');});});

Se questo articolo ti è stato utile, sarebbe molto utile se lo condividessi con altri sviluppatori in questo modo ci aiuterai a diffondere queste informazioni.

---

---

Utilizzate il nostro motore di ricerca