Roover 출시 – 경량급 React 오디오 라이브러리

현대 응용 프로그램은 줄곧 오디오를 사용하고 있다.오디오는 지루한 응용 프로그램을 재미있는 응용 프로그램으로 바꾸어 내용에 감정을 더할 수 있다.우리가 일상적으로 사용하는 대부분의 현대 응용 프로그램은 적어도 어떤 면에서는 오디오를 사용한다.
React 응용 프로그램에서 오디오를 사용하는 것은 매우 고통스럽다.오디오를 관리하는 좋은 라이브러리가 많지 않아서, 대부분의 경우 해결 방안을 만들어야 한다.현대 응용 프로그램에서 오디오를 관리하는 것은 매우 중요하기 때문에 가장 좋은 도구와 라이브러리를 사용하여 관리해야 한다.

루프 소개

Roover는 React 응용 프로그램에서 오디오를 처리하는 데 사용되는 강력한 경량급 라이브러리이다.이것은 간단한 맞춤형 React 갈고리로 응용 프로그램의 어느 곳에서든 사용할 수 있다.
Roover를 사용하기 시작하는 것은 매우 쉽다.React 프로젝트에서는 다음 명령만 실행하면 설치할 수 있습니다.

yarn add roover

이제 갈고리useRoover를 가져와 사용하기 시작하면 됩니다.

import React from 'react';
import useRoover from 'roover';

const src =
  'https://storage.googleapis.com/media-session/elephants-dream/the-wires.mp3';

const App = () => {
  const {
    initial,
    loading,
    ready,
    playing,
    paused,
    onPlay,
    onPause,
  } = useRover({
    src,
    autoplay: true,
  });

  return (
    <div>
      <p>Loading: {loading ? 'true' : 'false'}</p>
      <p>Ready: {ready ? 'true' : 'false'}</p>
      <button onClick={onPlay}>Play</button>
      <button onClick={onPause}>Pause</button>
    </div>
  );
};

이 라이브러리는 GitHub 에서 완전히 시작되었습니다. 저희는 매우 뚜렷한 문서 페이지를 가지고 있습니다. 그 중에서 라이브러리, 용례, 그리고 이 라이브러리를 어떻게 정확하게 사용하는지 볼 수 있습니다.
당신의 공헌을 환영합니다!만약 문제가 있거나 본 도서관에 어떤 형식으로 기부를 원하신다면 질문을 열어 주십시오.공공 관계를 여는 것을 환영합니다.