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' }
External link
{ type: 'link', x: 100, y: 200, width: 220, height: 50, url: 'https://real3dflipbook.com/' }
Internal link
{ type: 'link', x: 100, y: 200, width: 220, height: 50, page: 4 }
Last updated