# LivePro-typecho

**Repository Path**: pipixuepipixue/live-pro-typecho

## Basic Information

- **Project Name**: LivePro-typecho
- **Description**: LivePro 是一款专为 Typecho 设计的插件，支持低版本程序，播放带有声音的 Live Photo 功能。它允许用户在文章中轻松插入带有动态效果的实况照片，增强阅读体验。
- **Primary Language**: PHP
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://www.tanzi98.xyz/index.php/20250610/cid=2397.html
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-07-04
- **Last Updated**: 2025-07-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# LivePro - 支持低版本 Typecho 播放声音 的 Live插件

## 简介
LivePro 是一款专为 Typecho 设计的Live插件，支持 **低版本（1.1也支持）** 程序，播放带有声音的  **Live Photo ** 功能。它允许用户在文章中轻松插入带有动态效果的实况照片，增强阅读体验。
![image.png](https://image.baidu.com/search/down?url=https://wx4.sinaimg.cn/large/a2d527c7gy1i357u80vq0j21fc0nfdnj.jpg)
![image.png](https://image.baidu.com/search/down?url=https://wx4.sinaimg.cn/large/a2d527c7gy1i357uhwl5fj20k104yaaa.jpg)
![image.png](https://image.baidu.com/search/down?url=https://wx4.sinaimg.cn/large/a2d527c7gy1i357vkcdgaj20nj0kugtm.jpg)

## 功能特性
- **简单易用**：通过简单的短代码即可在文章中插入 Live Photo。
- **可配置性强**：支持自定义 Live 图标、图标尺寸、背景颜色、圆角半径等。
- **声音播放**：支持播放 Live Photo 中的声音。
- **触摸支持**：在触摸设备上也能流畅使用。

## 安装步骤
1. 下载插件，将压缩包上传至 `/www/wwwroot/*.com/usr/plugins/` 路径下并解压。
2. 将解压后的文件夹重命名为 `LivePro`。
3. 登录 Typecho 后台，启用 `LivePro` 插件。

## 使用方法
在文章编辑器中插入以下短代码：
```
[livephoto photo=".jpg" video=".mov" ratio="0.73"]
```
- `photo`：指定照片的 URL。
- `video`：指定视频的 URL。
- `ratio`：指定照片和视频的宽高比，默认为 `0.74937963`。

## 配置选项
在 Typecho 后台的插件配置页面，你可以进行以下配置：
- **Live 图标 URL**：指定 Live 图标的 URL，默认为插件目录下的 `live.png`。
- **图标宽度(px)**：指定图标的宽度，默认为 `16px`。
- **图标高度(px)**：指定图标的高度，默认为 `16px`。
- **背景颜色**：指定背景框的颜色，使用 HEX 格式，默认为半透明黑色 `#00000080`。
- **圆角半径(px)**：指定背景框的圆角半径，默认为 `4px`。
- **显示文字标签**：是否在图标旁边显示“实况”文字标签。
- **图标垂直偏移(px)**：调整图标相对于文字的垂直位置，负值上移，正值下移，默认 `-2px`。
- **背景框宽度**：指定背景框的宽度，默认为 `auto`，也可以输入具体像素值。
- **背景框高度**：指定背景框的高度，默认为 `auto`，也可以输入具体像素值。
- **背景框内边距**：指定背景框的内边距，格式为“上右下左”，默认值为 `6px 8px`。

## 注意事项
- 请确保照片和视频的 URL 是正确的，并且服务器允许访问这些资源。
- 如果浏览器未允许视频自动播放权限，将无法播放实况照片。

## 版本信息
当前版本：1.1.3

## 作者信息
- **作者**：pipixue98
- **Gitee 链接**：[https://gitee.com/pipixuepipixue](https://gitee.com/pipixuepipixue)
- **个人网站**：[https://m.tanzi98.xyz/](https://m.tanzi98.xyz/)

# LivePro - Typecho Live Plugin

## Introduction
LivePro is a plugin designed specifically for Typecho, supporting the Live Photo function with sound playback. It allows users to easily insert dynamic live photos into articles, enhancing the reading experience.

## Features
- **Easy to use**: Insert Live Photos into articles with simple shortcodes.
- **Highly configurable**: Support customizing Live icons, icon sizes, background colors, border radii, etc.
- **Sound playback**: Support playing the sound in Live Photos.
- **Touch support**: Works smoothly on touch devices.

## Installation Steps
1. Download the plugin and upload the compressed package to the `/www/wwwroot/*.com/usr/plugins/` path and extract it.
2. Rename the extracted folder to `LivePro`.
3. Log in to the Typecho background and enable the `LivePro` plugin.

## Usage
Insert the following shortcode into the article editor:
```
[livephoto photo=".jpg" video=".mov" ratio="0.73"]
```
- `photo`: Specify the URL of the photo.
- `video`: Specify the URL of the video.
- `ratio`: Specify the aspect ratio of the photo and video, default is `0.74937963`.

## Configuration Options
On the plugin configuration page in the Typecho background, you can make the following configurations:
- **Live Icon URL**: Specify the URL of the Live icon, default is `live.png` in the plugin directory.
- **Icon Width (px)**: Specify the width of the icon, default is `16px`.
- **Icon Height (px)**: Specify the height of the icon, default is `16px`.
- **Background Color**: Specify the color of the background box, use HEX format, default is semi-transparent black `#00000080`.
- **Border Radius (px)**: Specify the border radius of the background box, default is `4px`.
- **Show Text Label**: Whether to display the "Live" text label next to the icon.
- **Icon Vertical Offset (px)**: Adjust the vertical position of the icon relative to the text, negative values move up, positive values move down, default is `-2px`.
- **Background Box Width**: Specify the width of the background box, default is `auto`, you can also enter a specific pixel value.
- **Background Box Height**: Specify the height of the background box, default is `auto`, you can also enter a specific pixel value.
- **Background Box Padding**: Specify the padding of the background box, the format is "top right bottom left", default value is `6px 8px`.

## Notes
- Please ensure that the URLs of the photo and video are correct and the server allows access to these resources.
- If the browser does not allow the video to play automatically, the live photo cannot be played.

## Version Information
Current Version: 1.1.3

## Author Information
- **Author**: pipixue98
- **Gitee Link**: [https://gitee.com/pipixuepipixue](https://gitee.com/pipixuepipixue)
- **Personal Website**: [https://m.tanzi98.xyz/](https://m.tanzi98.xyz/)