1

2

3

4

5

6

7

8

9

10

{

"pages":[

"pages/video/video"

],

"permission": {

"scope.writePhotosAlbum": {

"desc": "读取相册"

}

}

}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<view class="section tc">

<video

id="myVideo"

src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400"

danmu-list="{{danmuList}}"

enable-danmu

danmu-btn

controls

></video>

<view class="btn-area">

<button bindtap="bindButtonTap">获取视频</button>

<input bindblur="bindInputBlur" />

<button bindtap="bindSendDanmu">发送弹幕</button>

</view>

</view>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

function getRandomColor() {

const rgb = []

for (let i = 0; i < 3; ++i) {

let color = Math.floor(Math.random() * 256).toString(16)

color = color.length == 1 ? '0' + color : color

rgb.push(color)

}

return '#' + rgb.join('')

}

Page({

onReady(res) {

this.videoContext = wx.createVideoContext('myVideo')

},

inputValue: '',

data: {

src: '',

danmuList: [

{

text: '第 1s 出现的弹幕',

color: '#ff0000',

time: 1

},

{

text: '第 3s 出现的弹幕',

color: '#ff00ff',

time: 3

}]

},

bindInputBlur(e) {

this.inputValue = e.detail.value

},

bindButtonTap() {

const that = this

wx.chooseVideo({

sourceType: ['album', 'camera'],

maxDuration: 60,

camera: ['front', 'back'],

success(res) {

that.setData({

src: res.tempFilePath

})

}

})

},

bindSendDanmu() {

this.videoContext.sendDanmu({

text: this.inputValue,

color: getRandomColor()

})

}

})