Skip to content

Darken edge when using image overlay with transparency exported through Transformer lib #2774

@landicefu

Description

@landicefu

Version

Media3 main branch

More version details

main & version 1.8.0

Devices that reproduce the issue

  • Pixel6
  • many other phones

Devices that do not reproduce the issue

No response

Reproducible in the demo app?

Not tested

Reproduction steps

Media3TransformerBlendingTest.zip
Please try this project. It includes all the asset and setup for reproducing the issue.

Expected result

The alpha blending will work normally and the dark edge is not shown around the sticker overlay.

Actual result

As you see from the following video, there is a dark edge around the sticker. I believe this is due to the blending setup for GLES.

video_20250912_142349.mp4

If I load the image in straight alpha format using following snippet, then the edge seems correct.

        val staticImage = context.assets.open("image1.png").use {
            val bitmapOption = BitmapFactory.Options().apply {
                inPremultiplied = false
            }
            BitmapFactory.decodeStream(it, null, bitmapOption)
        }!!

From

Image

to

Image

BTW, I also tried to load the image as an MediaItem, and the result is the same. The blending is wrong.

Media

Image

The video is streamed from internet. The url is in the project source code.

Bug Report

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions