我想设置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)

回答问题