Live-Photo
A simple live-photo component.
Github: https://github.com/LynanBreeze/live-photo
Preview
My Style
html代码1
| <iframe src="/static/live-photo/?picUrl=https://r2-assets.lynan.cn/u/A001_07251216_C317-FfGABM.jpg&videoUrl=https://r2-assets.lynan.cn/u/A001_07251216_C317-DQ6Nj6.mp4" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width: 100%; aspect-ratio: 16/9;"></iframe>
|
Apple Style
html代码1
| <iframe src="/static/live-photo/?picUrl=/static/live-photo/test/live.jpg&videoUrl=/static/live-photo/test/live.mp4&useApple=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width: 100%; aspect-ratio: 16/9;"></iframe>
|
Options
| Key | Type |
|---|
| photoSrc | string, required |
| videoSrc | string, required |
| loop | null |
| muted | null |
| useApple | null |
Run
1
| pnpm install && pnpm run dev
|
Build
【还没写完】