rive-app / rive-app/rive-react

RIV animation not working in Safari Version 17.5

Open
#262 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
1.2k
Forks
58
Avg merge
3h 23m
Merged PRs (30d)
6

Description

hi i try to run riv animation in nextjs 14 but not work in safari
error is
Unhandled Promise Rejection: ReferenceError: Can't find variable: AudioContext

Screenshot 2024-06-06 at 10 55 38 AM

also not wroking in sandbox example
Screenshot 2024-06-06 at 10 56 16 AM
https://codesandbox.io/p/sandbox/rive-quick-start-react-qqkn52?file=%2Fpackage.json%3A8%2C5&from-embed=

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the failure in the linked CodeSandbox example, especially the package.json setup, using Safari 17.5 and Next.js 14. Then trace where the Rive animation initializes audio and compare the resulting AudioContext error with the working behavior. Done means the sandbox animation runs in Safari without the unhandled rejection.

Written by the indexing model from the issue text.

Assessment

Tech stack
nextjs, react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.