Comments (4)
This worked for me with Next.js @devcshort
from react-hls.
I using react-hls lib with next.js but when i import lib in component it throw an error: ReferenceError: window is not defined
This package isn't able to be rendered server side, due to the underlying Javascript library being used. However, you can use Next.js Dynamic Import with SSR disabled to use this component in a Next.js app. See example below.
import dynamic from 'next/dynamic';
const HlsPlayerWithNoSSR = dynamic(
() => import('react-hls-player'),
{ ssr: false }
);
function MyVideoComponent() {
return (
<div>
<HlsPlayerWithNoSSR autoplay />
</div>
);
}
from react-hls.
Did this work for you @vkhanh74 ?
from react-hls.
This worked for me with Next.js @devcshort
Thanks @natelook
@vkhanh74 I'm going to close this for now. Feel free to re-open if you are still having issues.
from react-hls.
Related Issues (20)
- Player gets destroyed when interacting with components that use setState/state HOT 1
- TypeScript error - "playerRef" is required prop HOT 1
- this package is dead ? HOT 4
- react 17 support HOT 4
- Listen to video buffer data
- Use it in react native HOT 1
- Playback stalling at @59.598812 due to low buffer
- SSR error (Gatsby)
- How to start the player from a given location? HOT 1
- Multiple audio tracks not supported HOT 6
- use latest version of hls.js, and enable fetch loader? HOT 1
- Player start playing from start every time there is a state update with useSate HOT 1
- React-native app
- Stream is running in loop
- Open for contributors?
- NEW Package here: https://github.com/gumlet/react-hls-player HOT 4
- React 18 Support HOT 1
- HTTP “Content-Type” of “application/vnd.apple.mpegurl” is not supported. HOT 1
- Not able to play hls video in react-native-webview
- Seekbar is not working in IOS.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-hls.