useAudioRightWrong.js 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. import { nextTick } from "vue";
  2. let audioContext = null;
  3. let code = null; // 身份标识
  4. audioContext = uni.createInnerAudioContext(); // 单例模式[3](@ref)
  5. audioContext.onEnded(() => {
  6. // 播放结束
  7. uni.$emit('result-audio-ended', code)
  8. })
  9. audioContext.onPlay(() => {
  10. // 播放
  11. uni.$emit('result-audio-play', code);
  12. });
  13. audioContext.onError((err) => {
  14. // 播放
  15. uni.$emit('result-audio-ended', code)
  16. });
  17. const audioList = {
  18. right: '/static/mp3/newYingyu/right-tip.mp3',
  19. wrong: '/static/mp3/newYingyu/error-tip.mp3'
  20. }
  21. export const resultImageList = {
  22. right: '/static/images/study/cjdc/right-tip-img-gif',
  23. wrong: '/static/images/study/cjdc/error-tip-img-gif'
  24. }
  25. function createAudioNew() {
  26. audioContext = uni.createInnerAudioContext(); // 单例模式[3](@ref)
  27. audioContext.onEnded(() => {
  28. // 播放结束
  29. uni.$emit('result-audio-ended', code)
  30. })
  31. audioContext.onPlay(() => {
  32. // 播放
  33. uni.$emit('result-audio-play', code);
  34. });
  35. audioContext.onError((err) => {
  36. // 播放
  37. console.log('errr',err)
  38. uni.$emit('result-audio-ended', code);
  39. });
  40. }
  41. export class resultAudioPlayer {
  42. // 播放音频
  43. play(codeT, code1) {
  44. code = {
  45. code1,
  46. codeT
  47. };
  48. if (audioContext.src === audioList[codeT] && !audioContext.paused) return;
  49. audioContext.stop();
  50. audioContext.destroy();
  51. audioContext = null;
  52. nextTick(() => {
  53. createAudioNew();
  54. audioContext.src = audioList[codeT];
  55. audioContext.play();
  56. })
  57. }
  58. // 暂停播放
  59. pause() {
  60. audioContext?.pause();
  61. }
  62. // 停止播放(释放资源)
  63. stop() {
  64. audioContext?.stop();
  65. audioContext = null;
  66. }
  67. }