with Caption not working
See original GitHub issueI have the next code, but not working withCaption.
import { Fragment } from 'react'
import { Container } from 'reactstrap'
import AwesomeSlider from 'react-awesome-slider'
import withCaption from 'react-awesome-slider/dist/captioned';
import AnimationStyles from 'react-awesome-slider/src/styled/open-animation/open-animation.scss'
import withAutoplay from 'react-awesome-slider/dist/autoplay'
import { HomeIcon } from '../components/icons'
const AutoPlaySlider = withAutoplay(withCaption(AwesomeSlider))
export default () => {
return (
<Fragment>
<div className="keep-main">
<Container>
<div className="keep-title">
<div className="keep-text">
Tú pones la casa, <br />
nosotros la música
</div>
<div>
<HomeIcon width="100" height="100" />
</div>
</div>
<div className="keep-slider">
<AutoPlaySlider
animation="openAnimation"
cssModule={[AnimationStyles]}
play={true}
cancelOnInteraction={false}
interval={3000}
bullets={false}
organicArrows={false}
>
<div data-src="/static/images/ocesaapp/0/ocesa_app_bg.jpg" />
<div data-src="/static/images/ocesaapp/1/ocesa_app_bg.jpg" />
<div data-src="/static/images/ocesaapp/2/ocesa_app_bg.jpg" />
</AutoPlaySlider>
</div>
<div className="keep-tabs"></div>
</Container>
</div>
<style jsx global>{`
@import 'styles/variables';
@import 'styles/mixins';
.keep-main {
padding-top: 5em;
background-color: #1a1a1a;
min-height: 100vh;
}
.keep-title {
display: flex;
justify-content: flex-start;
align-items: flex-end;
flex-flow: row wrap;
color: $white;
.keep-text {
font-family: Nunito;
font-size: 2.5em;
@include media-breakpoint-down(sm) {
font-size: 2em;
}
}
}
.keep-slider {
margin-top: 5em;
}
`}</style>
</Fragment>
)
}
Issue Analytics
- State:
- Created 3 years ago
- Reactions:5
- Comments:11
Top Results From Across the Web
Caption Effects in Closed Captions not working
On a Windows 10 PC that is playing a video, right-click or tap and hold anywhere on the video. A menu bar will...
Read more >8 Fixes for Instagram Post Captions Not Showing Up in Feed
8 Fixes for when Instagram Post Captions are Not Showing Up in Feed · 1. Check the Instagram Server Status · 2. Restart...
Read more >Subtitles Not Working? Top Five Most Common Caption ...
You may be lucky and find a quick solution to fix your subtitles that don't work.
Read more >Troubleshooting Closed Captioning and Subtitles
Troubleshooting Closed Captioning and Subtitles · Stop, exit and restart the video. This provides the video player a chance to retrieve the caption...
Read more >Why are captions not appearing on my video? - Vidyard Support
Troubleshooting captions on Playlists. Copied ... Playlists themselves do not have captions. Any captions that appear in a playlist belong to each ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
same here, captioned.js is not found in the dist folder
Same here, it looks like something was missed in the deploy. it’s looking for captioned in the dist directory but it isn’t there
@rcaferati if you’ve got a moment can you take a look. pulling the source code to see if i can reproduce locally