Page items

Flipbook page can have array of items. Item can be video, audio, image, link, iframe and youtube. Here is an example

const options = {
    pages: [
        {
            src: "book1/1.jpg", 
            thumb: "book1/thumb1.jpg", 
            items: [
                { type: 'video', x: 40, y: 313, width: 230, height: 128, url: 'https://real3dflipbook.com/wp-content/uploads/2020/03/interior_design.mp4'},
                { type: 'youtube', x: 43, y: 45, width: 220, height: 126, url: 'https://www.youtube.com/embed/Cv1W4nzxPBM'}
            ]
        },
        ...
    ]
}

new Flipbook(container, options) 

Available Items are video, iframe, youtube, image, image, audio, link. Here are examples

Video

{ type: 'video', x: 40, y: 313, width: 230, height: 128, url: 'https://real3dflipbook.com/wp-content/uploads/2020/03/interior_design.mp4' }

Youtube

{ type: 'youtube', x: 43, y: 45, width: 220, height: 126, url: 'https://www.youtube.com/embed/Cv1W4nzxPBM' }

Iframe

{ type: 'iframe', x: 100, y: 200, width: 300, height: 200, url: 'https://real3dflipbook.com/#aiwo_1' }

Image

{ type: 'image', x: 100, y: 200, width: 220, height: 126, url: 'https://real3dflipbook.com/wp-content/uploads/2020/03/logo.png' }

Audio

{ type: 'audio', x: 100, y: 200, width: 220, height: 126, url: 'https://real3dflipbook.com/wp-content/uploads/2020/03/sound.mp3' }
{ type: 'link', x: 100, y: 200, width: 220, height: 50, url: 'https://real3dflipbook.com/' }
{ type: 'link', x: 100, y: 200, width: 220, height: 50, page: 4 }

Last updated