我想设置mediaURL属性,但在下载媒体文件时需要以某种方式将Authorization header添加到请求中。我试图找到真正下载媒体文件的代码,但是没找到,你能提供帮助吗?
2020-10-26 20:45创建
共1个回答
OI
游客oiHIeZ
@bbc/react-transcript-editor
是一个React组件,在使用时需要提供一些必要的属性:
<TranscriptEditor
transcriptData={ someJsonFile }
mediaUrl={'https://download.ted.com/talks/KateDarling_2018S-950k.mp4'}
isEditable={true}
spellCheck={false}
sttJsonType={ 'bbckaldi' }
handleAnalyticsEvents={ this.handleAnalyticsEvents }
fileName={'ted-talk.mp4'}
title={'Ted Talk'}
ref={ this.transcriptEditorRef }
/>
mediaUrl
需要提供一个包含到媒体文件(音频或视频)的url的字符串,可以是服务器上媒体的URL,也可以是一个blob。
组件本身并不关心或强制你从何处以及如何获得url。
Url本身最终被传递到video-player
组件中的video节点,这时加载内容的请求实际上已经发出。
所以,这问题的本质是,在使用Html5 播放器(Audio标签)时如何在Http请求中传递Authorization header?(参见:https://security.stackexchange.com/questions/175695/how-to-pass-authorization-header-in-http-request-when-using-html5-player-audio
)。
或者 如何在Html5 Video请求中自定义Headers?(参见:https://stackoverflow.com/questions/11777591/custom-headers-with-html5-video-requests
)