feat: new audio player (#5160)
* feat: media auto-download view
* media auto download view completed and saving the settings in mmkv
* audio download preference
* audio auto download when the user who sent the audio is the same logged on mobile
* creation of isAutoDownloadEnabled, evaluate hist hook, Image Full Size preload done
* minor tweak audio show play button after download
* refactor audioFile to handleMediaDownload and fixed the audio download
* desestructured params to download too
* image download and autoDownload, algo fix the formatAttachmentUrl to show the image from local
* add the possibility to cancel image download and clear local images
* refactor blur component
* video download and auto download, also keeped the behavior to download unsuportted videos to the gallery
* add the possibility to start downloading a video, then exit the room, back again to room and cancel the video previously downloading
* remove the custom hook for autoDownload
* remove blurcomponent, fix the blur style in image.tsx, minor tweak video function name
* send messageId to video
* introducing the reducer to keep the downloads in progress
* create a media download selector
* remove all the redux stuff and do the same as file upload
* video download behavior
* done for image and audio
* fix the try catch download media
* clean up
* image container uiKit
* fix lint
* change rn-fetch-blob to expo-filesystem
* add pt-br
* pass the correct message id when there is an attachment on reply
* refactor some changes requested
* fix audio and move the netInfo from autoDownloadPreference to redux
* variable isAutoDownloadEnable name and handleMediaDownload getExtension
* message/Image refactored, change the component to show the image from FastImage to Image
* refactor handleMediaDownload and deleteMedia
* minor tweak
* refactor audio
* refactor video
* fix the type on the messagesView(the view of files)
* minor tweak
* fix the name of searchMediaFIleAsync's result
* minor tweak, add the default behavior, add the OFF as label
* minor tweaks
* verify if the media auto download exists on settings view
* fix media auto download view layout and minor tweak wifi
* avoid auto download from reply
* minor tweak at comment
* tweak list.section
* change the name to netInfoState and Local_document_directory
* remove mediaType and refactor audio and image
* separate blurview
* thumbnail video and video behavior
* add Audio to i18n and minor tweak
* set the blur as always dark and add the possibility to overlay
* don't need to controle the filepath in the view
* fix the loading in image and video at begin
* save the file with a similar filename as expected
* removed the necessity of messageId or id
* minor tweak
* switch useLayoutEffect to useEffect
* avoid onpress do some edge case because of cached at video
* minor tweak
* tweak at audio comment extension
* minor tweak type userpreferences
* remove test id from mediaAutoDownloadView
* change action's name to SET_NET_INFO_STATE
* caching and deleting video's thumbnails
* remove generate thumbnail
* minor tweak in image
* update camera-roll and save the file from local url
* remove local_cache_directory and deleteThumbnail
* update blur to fix error on android
* first commit
* fix togglePlayPause
* separate audio to a folder inside components and minor tweak attachment
* created the slider with text
* play/pause button, currentTime equal the sound, can change the slider and reflect to the sound
* play/pause, track is working and onEnd
* update the icons with play-shaped-filled, pause-shape-filled, loading
* start the tweaks on layout
* can play multiple audios, pausing the previous to execute the new one
* loading animated
* added the audio rate
* layout fixed
* removed the sound manipulation from Slider to manipulate only in the index
* fix time margin horizontal
* fix play 2 audios and play/pause properly
* change the way we treat the audio
* remove audio copy
* minor tweak
* fix rate state
* remove the PAUSE_AUDIO
* fix unloadAll, add hit slop to slider, show the duration on the first render
* refactor colors to be the same as figmas name
* change the class' name and add the method pauseCurrentAudio
* pause audio when unmount a RoomView and unloadAll when focusing at RoomsListView
* pause audio when entering a thread
* fix where call the pauseCurrentAudio
* moved the player from messageAudio to audioPlayer
* refactor audio component
* remove loading
* update snapshot
* fix colors name
* pauseAudio when roomview is blur
* moved audio from message/component/audio to message/Audio
* add navigation focus to AudioPlayer component and fix the jest
* add the { androidImplementation: 'MediaPlayer' }
* fix action sheet swipe 02-room
* fix action sheet swipe 05-threads
* tweak touchable
* remove react.memo from playbutton
* hitSlop
* speed playback from array
* textinputprops
* tweak at names
* minor tweak at onEnd
* minor tweak at names
* update styles
* thumb seek size
* change marginBottom
* add the clamp, adjust the thumb position, remove the necessity of OnEndGestureHandler
* change the utils to constants
* change to audioState
* fix the seek for android
* TDownloadState
* speed array
* pause audio from messagesView when open the files
* update test
* minor tweak
* change the time after ony one click, fixes the thumb to move sync with the click
* Fix seek
* minor tweak Sound to Audio.Sound
* name of Icon
* enable PlaybackSpeed only when playing the audio
* playbackSpeed to mmkv
* mock implementation
* create native button
* minor tweak
* minor tweaks
* playbackSpeed after loadAudio
* avoid show the error when try to setRate without audio
* add messageID to differ audios inside a quote/forward from original one
* unloadRoomAudios instead of unloadAllAudios inside the roomsListView
* minor tweak
---------
Co-authored-by: Diego Mello <diegolmello@gmail.com>
Co-authored-by: Gleidson Daniel Silva <gleidson10daniel@hotmail.com>
2023-11-20 14:13:15 +00:00
|
|
|
{"IcoMoonType":"selection","icons":[{"icon":{"paths":["M810.666 512c0.022 8.358-2.173 16.579-6.371 23.862-4.195 7.283-10.253 13.382-17.581 17.706l-454.067 271.187c-7.658 4.576-16.425 7.075-25.4 7.235-8.975 0.163-17.832-2.016-25.656-6.314-7.749-4.23-14.205-10.397-18.702-17.872-4.498-7.472-6.875-15.981-6.888-24.65v-542.311c0.013-8.668 2.39-17.176 6.888-24.649s10.953-13.642 18.702-17.872c7.824-4.297 16.681-6.477 25.656-6.315s17.743 2.661 25.4 7.237l454.067 271.186c7.328 4.323 13.386 10.422 17.581 17.706 4.198 7.283 6.394 15.504 6.371 23.862z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["play-shape-filled"],"colorPermutations":{"10811412211581621681203206209124314057124319081245699212911624514522416519902101":[{}]}},"attrs":[{}],"properties":{"order":4,"id":218,"name":"play-shape-filled","prevSize":32,"code":59842},"setIdx":0,"setId":3,"iconIdx":0},{"icon":{"paths":["M832 245.333v533.332c0 14.147-5.693 27.712-15.824 37.712-10.131 10.003-23.872 15.622-38.202 15.622h-135.066c-14.33 0-28.070-5.619-38.202-15.622-10.131-10-15.824-23.565-15.824-37.712v-533.332c0-14.145 5.693-27.71 15.824-37.712s23.872-15.621 38.202-15.621h135.066c14.33 0 28.070 5.619 38.202 15.621s15.824 23.567 15.824 37.712zM381.091 192h-135.065c-14.329 0-28.070 5.619-38.202 15.621s-15.824 23.567-15.824 37.712v533.332c0 14.147 5.692 27.712 15.824 37.712 10.132 10.003 23.874 15.622 38.202 15.622h135.065c14.33 0 28.070-5.619 38.202-15.622 10.131-10 15.824-23.565 15.824-37.712v-533.332c0-14.145-5.693-27.71-15.824-37.712s-23.872-15.621-38.202-15.621z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["pause-shape-filled"],"colorPermutations":{"10811412211581621681203206209124314057124319081245699212911624514522416519902101":[{}]}},"attrs":[{}],"properties":{"order":3,"id":217,"name":"pause-shape-filled","prevSize":32,"code":59843},"setIdx":0,"setId":3,"iconIdx":1},{"icon":{"paths":["M593.158 920.006c-80.698 16.051-164.342 7.814-240.355-23.674-76.014-31.485-140.984-84.806-186.695-153.216s-70.108-148.842-70.108-231.117h64c0 69.619 20.644 137.674 59.323 195.562 38.678 57.885 93.653 103.002 157.973 129.645 64.32 26.64 135.094 33.613 203.376 20.029 68.282-13.581 131.002-47.107 180.23-96.333 49.226-49.229 82.752-111.949 96.333-180.23 13.584-68.282 6.611-139.056-20.029-203.376-26.643-64.32-71.76-119.295-129.645-157.973-57.888-38.678-125.942-59.323-195.562-59.323v-64c82.278 0 162.707 24.398 231.117 70.109s121.731 110.681 153.216 186.695v0c31.488 76.013 39.725 159.658 23.674 240.355-16.051 80.694-55.67 154.819-113.85 212.998s-132.304 97.798-212.998 113.85z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["loading"],"colorPermutations":{"10811412211581621681203206209124314057124319081245699212911624514522416519902101":[{}]}},"attrs":[{}],"properties":{"order":2,"id":216,"name":"loading","prevSize":32,"code":59844},"setIdx":0,"setId":3,"iconIdx":2},{"icon":{"paths":["M544 208c0-17.673-14.326-32-32-32s-32 14.327-32 32v271.997h-271.998c-17.673 0-32 14.326-32 32s14.327 32 32 32h271.998v272.003c0 17.674 14.326 32 32 32s32-14.326 32-32v-272.003l272-0.003c17.674 0 32-14.326 32-32s-14.326-32-32-32l-272 0.003v-271.997z"],"attrs":[{"fill":"rgb(108, 114, 122)"}],"isMulticolor":false,"isMulticolor2":false,"colorPermutations":{"1081141221158162168120320620912282312341243190812456992125519219212552552551291162451452241651699010019902101":[{"f":2}],"10811412211581621681203206209124314057124319081245699212911624514522416519902101":[{"f":1}]},"tags":["add"],"defaultCode":59872,"grid":0},"attrs":[{"fill":"rgb(108, 114, 122)"}],"properties":{"order":923,"name":"add","prevSize":32,"id":0,"code":59872},"setIdx":0,"setId":3,"iconIdx":3},{"icon":{"paths":["M512 928c-14.218 0-28.275-0.714-42.144-2.112-16.694-1.68-30.557-12.528-36.688-27.395l-40.538-98.304-98.162 40.838c-14.837 6.173-32.3 4.048-45.292-6.554-21.838-17.818-41.831-37.811-59.65-59.648-10.601-12.992-12.726-30.454-6.553-45.293l40.839-98.16-98.307-40.541c-14.864-6.131-25.714-19.994-27.395-36.688-1.396-13.869-2.111-27.926-2.111-42.144 0-14.214 0.714-28.275 2.11-4
|