@immersive-scroll/web
v0.1.2
Published
Vanilla web adapter for immersive scroll video.
Readme
@immersive-scroll/web
Framework-free DOM API and custom-element wrapper for immersive scroll scenes. Use this package when you need a runtime that can be mounted imperatively or dropped into a CMS or non-framework shell.
Install
pnpm add @immersive-scroll/webMain exports
createImmersiveInstance(): mount an immersive scene into an existing container.destroyImmersiveInstance(): dispose a mounted instance explicitly.registerImmersiveCustomElement(): register<immersive-scroll>.ImmersiveScrollElement: the custom-element implementation.
Imperative example
import { createImmersiveInstance } from '@immersive-scroll/web';
const container = document.querySelector('#scene');
if (container instanceof HTMLElement) {
createImmersiveInstance({
container,
framesPath: '/immersive/story'
});
}Custom element example
import { registerImmersiveCustomElement } from '@immersive-scroll/web';
registerImmersiveCustomElement();<immersive-scroll frames-path="/immersive/story"></immersive-scroll>