MotionPlayer for Rive

描述

MotionPlayer for Rive adds a MotionPlayer: Rive block so you can upload or select .riv files from the Media Library and play them on the front end.

Free version (this plugin)

Gutenberg block with media picker for .riv files
Canvas width and height in the block sidebar
Optional accessible name for the canvas
Live preview in the editor (WebGL2)
Front-end playback using the bundled @rive-app/webgl2 runtime (Rive Renderer), so shadows, gradients, and blend modes match how files are authored

MotionPlayer Pro (coming later)

A future Pro add-on will extend the player with additional controls and features. This repository release is the free base plugin only.

Privacy

This plugin:

Registers the .riv MIME type and stores attachment IDs in block attributes like other media blocks.
Loads the bundled Rive WebGL2 JavaScript runtime from your own site when the block is used (editor and front end).
Does not collect analytics or call home.

螢幕截圖

MotionPlayer: Rive block in the editor with media controls

Animation playing on the front end — MotionPlayer: Rive block in the editor with media controls

Blocks

This plugin provides 1 block.

MotionPlayer: Rive Play a Rive (.riv) animation from your media library.

安裝

Upload the plugin folder to /wp-content/plugins/, or install the ZIP from the Plugins screen in WordPress.
Activate MotionPlayer for Rive through the Plugins menu.
Edit a post or page, insert MotionPlayer: Rive, and choose a .riv file.

常見問題

Does this work only in the block editor?: Yes. The block is registered for the block editor.
Where does the Rive runtime load from?: The plugin ships the official @rive-app/webgl2 runtime (rive.js) and its WebAssembly payload (rive-wasm.js) inside the plugin. No remote JavaScript or CDN is required for playback.
Why WebGL2?: The WebGL2 (Rive Renderer) path supports advanced visuals—drop shadows, gradients, blend modes, vector feathering—that the older canvas-only runtime does not render the same way.
Will this work without JavaScript or WebGL2?: No. Playback requires JavaScript and a browser with WebGL2 support.

評價

There are no reviews for this plugin.

貢獻者及開發者

“MotionPlayer for Rive” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

Scripts + Pixels Studio

將 MotionPlayer for Rive 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣？

任何人均可瀏覽程式碼、查看 SVN 存放庫，或透過 RSS 訂閱開發記錄。

修改日誌

0.1.5

Add second plugin screenshot for the WordPress.org directory listing.

0.1.4

Add plugin screenshot for the WordPress.org directory listing.

0.1.3

Shorten readme short description for the WordPress.org plugin directory (150 character limit).

0.1.2

Embed the Rive WebAssembly binary in rive-wasm.js (WordPress.org does not permit .wasm files in plugin zips).

0.1.1

Bundle the @rive-app/webgl2 runtime and WASM locally instead of loading from a CDN.

0.1.0

Initial release: .riv block, media upload, WebGL2 runtime, editor preview, canvas size and accessible name.

評分

No reviews have been submitted yet.

Your review

See all reviews