Product
Introducing License Enforcement in Socket
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
@charisma-ai/react-comic-player-pa-mod
Advanced tools
Charisma.ai React component for web stories modified for PA project.
Charisma.ai React component for playing web stories like an interactive comic.
pnpm i @charisma-ai/react-comic-player
There's a test app in ./test/test-app
which shows how to integrate the comic player into a React app.
First, integrate @charisma-ai/react
into your React app. Once that's done, you should have at least a playthroughToken
, a conversationUuid
, and a Playthrough
component.
Then, the <ComicPlayer>
needs to be linked to the same conversation, so it can display the media for the messages as they arrive.
To do this, render your <ComicPlayer>
inside the same <Playthrough>
component, and pass in the same conversationUuid
into <ComicPlayer>
:
<Playthrough {...yourPlaythroughProps}>
<div style={{ width: 340, height: 600 }}>
<ComicPlayer conversationUuid={conversationUuid} />
</div>
</Playthrough>
To style the component, import the stylesheet:
import "@charisma-ai/react-comic-player/styles.css";
ComicPlayer
is a responsive component, and fills 100% of the height and width of its parent container. If you wanted a full-screen player, for example, you could set the parent's height and width to 100vh
and 100vw
. Depending on if the comic player is in a portrait or landscape orientation, the ComicPlayer
will only display media layers that are configured for that orientation.
ComicPlayer
is designed to only display the media of the story. To add controls such as tapping or replying, these should be implemented outside the ComicPlayer
. The useConversation
hook or Conversation
component can be used to link the controls to the same conversationUuid
.
FAQs
Charisma.ai React component for web stories modified for PA project.
The npm package @charisma-ai/react-comic-player-pa-mod receives a total of 1 weekly downloads. As such, @charisma-ai/react-comic-player-pa-mod popularity was classified as not popular.
We found that @charisma-ai/react-comic-player-pa-mod demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 5 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
Product
We're launching a new license scanner with an improved suite of features for analyzing, managing, and complying with licenses across a range of supported languages and ecosystems.
Product
We're excited to introduce Socket Optimize, a powerful CLI command to secure open source dependencies with tested, optimized package overrides.