Skip to content

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

Ricerca
Generic filters

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.