rynex/dist/runtime/helpers/media.d.ts

A minimalist TypeScript framework for building reactive web applications with no virtual DOM

/**
 * Rynex Media Elements
 * Media and embedded content elements
 */
import { DOMProps, DOMChildren } from '../dom.js';
/**
 * Video player
 */
export declare function video(props: DOMProps & {
    src?: string;
    controls?: boolean;
}, ...children: DOMChildren[]): HTMLVideoElement;
/**
 * Audio player
 */
export declare function audio(props: DOMProps & {
    src?: string;
    controls?: boolean;
}, ...children: DOMChildren[]): HTMLAudioElement;
/**
 * Canvas element
 */
export declare function canvas(props: DOMProps & {
    width?: number;
    height?: number;
}): HTMLCanvasElement;
/**
 * SVG container - creates proper SVG element with namespace
 */
export declare function svg(props: DOMProps & {
    viewBox?: string;
    width?: string | number;
    height?: string | number;
}, innerHTML?: string): SVGSVGElement;
/**
 * Create SVG path element
 */
export declare function svgPath(d: string, props?: DOMProps): SVGPathElement;
/**
 * Iframe element
 */
export declare function iframe(props: DOMProps & {
    src: string;
}): HTMLIFrameElement;
/**
 * Picture element
 */
export declare function picture(props: DOMProps, ...children: DOMChildren[]): HTMLPictureElement;
/**
 * Media source
 */
export declare function source(props: DOMProps & {
    src: string;
    type?: string;
}): HTMLSourceElement;
/**
 * Media track
 */
export declare function track(props: DOMProps & {
    src: string;
    kind?: string;
    srclang?: string;
}): HTMLTrackElement;
//# sourceMappingURL=media.d.ts.map