audioPlayer.stories.jsx 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. import React from 'react';
  2. import AudioPlayer from '../index';
  3. export default {
  4. title: 'AudioPlayer',
  5. };
  6. export const DefaultAutoPlay = () => {
  7. const audioUrl = 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/components/audio1.mp3'; // 替换为实际的音频URL
  8. const audioUrlArray = [
  9. 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/components/audio1.mp3',
  10. 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/components/audio2.mp3',
  11. ];
  12. const audioInfo = {
  13. title: '音频标题',
  14. cover: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/abstract.jpg',
  15. src: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/components/audio1.mp3',
  16. };
  17. const audioInfoArray = [
  18. {
  19. title: '音频标题1',
  20. cover: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/abstract.jpg',
  21. src: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/components/audio1.mp3',
  22. },
  23. {
  24. title: '音频标题2',
  25. cover: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/sky.jpg',
  26. src: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/components/audio2.mp3',
  27. }
  28. ];
  29. return (
  30. <div>
  31. <AudioPlayer
  32. autoPlay={false}
  33. audioUrl={audioInfoArray}
  34. />
  35. </div>
  36. );
  37. };