microsoft / microsoft/AdaptiveCards
Media element CORS error
Nobody has claimed this yet.
- Dominant language
- C#
- Stars
- 2k
- Forks
- 595
- Avg merge
- 1d 19h
- Merged PRs (30d)
- 1
Description
Target Platforms
NodeJS
SDK Version
latest
Application Name
Adaptive Card designer & js viewer
Problem Description
I have a Media element with an mp3 for example from http://open.live.bbc.co.uk/mediaselector/6/redir/version/2.0/mediaset/audio-nondrm-download-rss/proto/http/vpid/p0k5xlhh.mp3
The file plays when using a plain <audio src="..."
When using it in a Media element it does not play and CORS error is showing in console. That is probably caused by the crossorigin attribute added by the Adaptive Card runtime.
How do I disable the unwanted attribute and/or play mp3 files hosted on servers which I do not control?
Screenshots
No response
Card JSON
.
Sample Code Language
No response
Sample Code
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start at the Media element implementation in the JavaScript viewer and inspect where the crossorigin attribute is added. Reproduce the issue with the supplied BBC MP3 URL, comparing Media playback with a plain audio element. Done means the supported behavior for cross-origin MP3 sources and any configuration to control it are clear and covered by an appropriate test.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, node.js
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100