diff --git a/public/audio/ffflauta-audio.mp3 b/public/audio/flauta-loop.mp3 similarity index 100% rename from public/audio/ffflauta-audio.mp3 rename to public/audio/flauta-loop.mp3 diff --git a/src/experiments/39.ffflauta-scene.js b/src/experiments/39.ffflauta-scene.js index 6a8d00b..b6cf70a 100644 --- a/src/experiments/39.ffflauta-scene.js +++ b/src/experiments/39.ffflauta-scene.js @@ -2,6 +2,7 @@ import { Howl } from 'howler' import { gsap } from 'lib/gsap' import Image from 'next/image' import { useCallback, useEffect, useMemo, useRef, useState } from 'react' +import { isSafari } from 'react-device-detect' import { FullHeightWrapper } from '~/components/common/aspect-canvas' import { Loader } from '~/components/common/loader' @@ -427,7 +428,7 @@ const AudioButton = ({ interacted }) => { var music = useMemo( () => new Howl({ - src: '/audio/flauta-loop.ogg', + src: isSafari ? '/audio/flauta-loop.mp3' : '/audio/flauta-loop.ogg', autoplay: true, loop: true, mute: true,