个人中心 | 微信开放社区

复现demo[代码]export [代码][代码]default[代码] [代码]class AudioLive extends Component<any, any> {[代码] [代码]  [代码][代码]constructor(props){[代码][代码]    [代码][代码]super[代码][代码](props)[代码][代码]    [代码][代码]this[代码][代码].state = {[代码][代码]      [代码][代码]livePlay: [代码][代码]false[代码][代码],[代码][代码]      [代码][代码]pusher: [代码][代码]null[代码][代码]    [代码][代码]}[代码][代码]  [代码][代码]}[代码] [代码]  [代码][代码]handleClick() {[代码][代码]    [代码][代码]console.log([代码][代码]'开始推拉流'[代码][代码])[代码][代码]    [代码][代码]this[代码][代码].setState({[代码][代码]      [代码][代码]livePlay: [代码][代码]true[代码][代码],[代码][代码]      [代码][代码]pusher: {[代码][代码]        [代码][代码]url: [代码][代码]'rtmp://...'  // 有效地址[代码][代码]      [代码][代码]}[代码][代码]    [代码][代码]})[代码][代码]  [代码][代码]}[代码][代码]  [代码][代码]render() {[代码][代码]    [代码][代码]const enowPlayUrl = [代码][代码]'http://...:8081'[代码][代码]    [代码][代码]return[代码] [代码]([代码][代码]      [代码][代码]<WebView[代码][代码]        [代码][代码]className=[代码][代码]'audio-live-page-1'[代码][代码]        [代码][代码]src={enowPlayUrl}[代码][代码]        [代码][代码]>[代码][代码]          [代码][代码]<CoverView className=[代码][代码]"cover"[代码][代码]>[代码][代码]            [代码][代码]<CoverView className=[代码][代码]'btn'[代码][代码]>[代码][代码]              [代码][代码]<Button type=[代码][代码]"default"[代码] [代码]size=[代码][代码]'mini'[代码] [代码]className=[代码][代码]"cover-button"[代码] [代码]onClick={[代码][代码]this[代码][代码].handleClick}>推拉流</Button>[代码][代码]            [代码][代码]</CoverView>[代码][代码]          [代码][代码]</CoverView>[代码][代码]          [代码][代码]{[代码][代码]            [代码][代码]this[代码][代码].state.livePlay &&[代码][代码]            [代码][代码]<LivePlayer[代码][代码]              [代码][代码]src={[代码][代码]"rtmp://58.200.131.2:1935/livetv/gdtv"[代码][代码]}[代码][代码]              [代码][代码]mode=[代码][代码]'live'[代码][代码]              [代码][代码]autoplay[代码][代码]              [代码][代码]id={`live-video`}[代码][代码]              [代码][代码]className={`live-video`}[代码][代码]              [代码][代码]muted={[代码][代码]false[代码][代码]}[代码][代码]              [代码][代码]orientation=[代码][代码]'vertical'[代码][代码]              [代码][代码]objectFit=[代码][代码]'contain'[代码][代码]              [代码][代码]backgroundMute[代码][代码]              [代码][代码]minCache={0.2}[代码][代码]              [代码][代码]maxCache={0.8}[代码][代码]              [代码][代码]onStateChange={() => {}}[代码][代码]            [代码][代码]>[代码][代码]            [代码][代码]</LivePlayer>[代码][代码]          [代码][代码]}[代码][代码]          [代码][代码]{[代码][代码]            [代码][代码]this[代码][代码].state.pusher &&[代码][代码]            [代码][代码]<LivePusher [代码][代码]              [代码][代码]url={[代码][代码]this[代码][代码].state.pusher.url}[代码][代码]              [代码][代码]mode=[代码][代码]"RTC"[代码][代码]              [代码][代码]aspect=[代码][代码]"9:16"[代码][代码]              [代码][代码]className=[代码][代码]"camera"[代码][代码]              [代码][代码]onStateChange={() => {}}[代码][代码]              [代码][代码]onError={() => {}}[代码][代码]              [代码][代码]onNetstatus={() => {}}[代码][代码]              [代码][代码]backgroundMute={[代码][代码]true[代码][代码]}[代码][代码]              [代码][代码]muted={[代码][代码]false[代码][代码]}[代码][代码]              [代码][代码]maxBitrate={500}[代码][代码]              [代码][代码]minBitrate={200}[代码][代码]              [代码][代码]waitingImage=[代码][代码]"https://webdemo.agora.io/away.png"[代码][代码]              [代码][代码]waitingImageHash={[代码][代码]''[代码][代码]}[代码][代码]              [代码][代码]autopush={[代码][代码]true[代码][代码]} [代码][代码]              [代码][代码]enableCamera={[代码][代码]false[代码][代码]}[代码][代码]              [代码][代码]autoFocus={[代码][代码]true[代码][代码]}[代码][代码]              [代码][代码]orientation={[代码][代码]'vertical'[代码][代码]}[代码][代码]              [代码][代码]beauty={3}[代码][代码]              [代码][代码]whiteness={2}[代码][代码]              [代码][代码]zoom={[代码][代码]false[代码][代码]}[代码][代码]          [代码][代码]/>[代码][代码]          [代码][代码]}[代码][代码]      [代码][代码]</WebView>[代码][代码]    [代码][代码]);[代码][代码]  [代码][代码]}[代码][代码]}[代码] [代码]// webview内嵌页面html[代码]  [代码]<!DOCTYPE html>[代码] [代码]<[代码][代码]html[代码][代码]>[代码] [代码]<[代码][代码]head[代码][代码]>[代码] [代码]<[代码][代码]meta[代码] [代码]charset[代码][代码]=[代码][代码]"utf-8"[代码][代码]>[代码] [代码]<[代码][代码]meta[代码] [代码]name[代码][代码]=[代码][代码]"viewport"[代码] [代码]content[代码][代码]=[代码][代码]"width=device-width"[代码][代码]>[代码] [代码]<[代码][代码]title[代码][代码]>Audio</[代码][代码]title[代码][代码]>[代码] [代码]</[代码][代码]head[代码][代码]>[代码] [代码]<[代码][代码]body[代码][代码]>[代码] [代码]<[代码][代码]div[代码][代码]>[代码] [代码]<[代码][代码]audio[代码] [代码]controls[代码][代码]=[代码][代码]"controls"[代码] [代码]volume=“0.1” [代码][代码]src[代码][代码]=[代码][代码]""[代码][代码]></[代码][代码]audio[代码][代码]>[代码] [代码]</[代码][代码]div[代码][代码]>[代码] [代码]</[代码][代码]body[代码][代码]>[代码] [代码]</[代码][代码]html[代码][代码]>[代码]

GitHub账号

选择需要上架的开放服务

案例类型