Improve handling of animated images, add support for AVIF animations (#30932)

* Only set MSC4230 is_animated flag if we are able to tell if the media is animated

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Set blob type correctly to not need to weave the mimetype around

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Use ImageDecoder to determine whether media is animated or not, adding support for AVIF and other formats

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Fix test

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Iterate

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Add test

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Fix test

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

---------

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski
2025-10-03 13:29:10 +00:00
committed by GitHub
parent 5f084c28c3
commit e83ddbc98a
6 changed files with 115 additions and 33 deletions
@@ -0,0 +1,40 @@
/*
Copyright 2025 New Vector Ltd.
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
Please see LICENSE files in the repository root for full details.
*/
import { MatrixEvent } from "matrix-js-sdk/src/matrix";
import { MediaEventHelper } from "../../../src/utils/MediaEventHelper.ts";
import { stubClient } from "../../test-utils";
describe("MediaEventHelper", () => {
it("should set the mime type on the blob based on the event metadata", async () => {
stubClient();
const event = new MatrixEvent({
type: "m.room.message",
content: {
msgtype: "m.image",
body: "image.png",
info: {
mimetype: "image/png",
size: 1234,
w: 100,
h: 100,
thumbnail_info: {
mimetype: "image/png",
},
thumbnail_url: "mxc://matrix.org/thumbnail",
},
url: "mxc://matrix.org/abcdef",
},
});
const helper = new MediaEventHelper(event);
const blob = await helper.thumbnailBlob.value;
expect(blob?.type).toBe(event.getContent().info.thumbnail_info?.mimetype);
});
});