React mēdiju pakotņu iekļaušana aplikācijā(react player)

iepriekšējā rakstā mēs apskatijām iespēju trīs dažādos veidos aplikācijā iekļaut attēlus,

Šajā rakstājūs uzzināsiet, kā instalēt reactjs-media npm pakotni.

Šo pakotni varat atrast vietnē npmjs.org, izmantojot šo URL:

https://www.npmjs.com/package/react-player

Lai instalētu šo pakotni, terminālī ir jāizmanto šāda komanda:

npm install react-player

Kad šī pakotne ir instalēta, varat sākt to izmantot savā projektā.

Ir daži veidi, kā importēt un izmantot instalēto pakotni. Piemēram, lai iegūtu visas pakotnes funkcionalitāti, izmantojiet šo importēšanas metodi:

import ReactPlayer from "react-player";
Ja, piemēram, plānojat izmantot tikai videoklipus no tādas vietnes kā YouTube, lai samazinātu paketes lielumu, varat izmantot šādu importēšanu:
import ReactPlayer from "react-player/youtube";

Šeit ir piemērs, kā izmantot react-player, kas ir iepakots nelielā React lietotnē:

import React from "react";
import ReactPlayer from "react-player/youtube";


const App = () => {
  return (
    <div>
      <MyVideo />
    </div>
  );
};


const MyVideo = () => {
  return (
    <ReactPlayer url='https://youtu.be/ZKnWPNDOCdw' />
  );
};


export default App;

Šajā rakstā jūs uzzinājāt, kā instalēt un izmantot react-player npm pakotni.

Loading

Noderīgs raksts? Dalies ar citiem:
Dalīties: