useScreening.ts 760 B

12345678910111213141516171819202122232425262728293031
  1. import { useScreenStore, useSlidesStore } from '@/store'
  2. import { enterFullscreen, exitFullscreen, isFullscreen } from '@/utils/fullscreen'
  3. export default () => {
  4. const screenStore = useScreenStore()
  5. const slidesStore = useSlidesStore()
  6. // 进入放映状态(从当前页开始)
  7. const enterScreening = () => {
  8. enterFullscreen()
  9. screenStore.setScreening(true)
  10. }
  11. // 进入放映状态(从第一页开始)
  12. const enterScreeningFromStart = () => {
  13. slidesStore.updateSlideIndex(0)
  14. enterScreening()
  15. }
  16. // 退出放映状态
  17. const exitScreening = () => {
  18. screenStore.setScreening(false)
  19. if (isFullscreen()) exitFullscreen()
  20. }
  21. return {
  22. enterScreening,
  23. enterScreeningFromStart,
  24. exitScreening,
  25. }
  26. }