Problems encountered in generating MP3 from text to speech through iFLYTEK voice API

Project scenario ：

Recently, I encountered a headache in front-end work bug, After consulting the front-end leaders of our studio, they failed to solve the fundamental problem , Finally, it was found that the problem was with the back-end , And it's hard to find . Because of this bug It took me a lot of time , I can't let my hair go gray either, so I just keep a record

---

Problem description ：

Recently, with vue The function of listening to books in a novel , The backend interface calls iFLYTEK voice api The interface of is converted into by reading the chapter mp3 File and store the file path to the corresponding database and access the file . The front end is set to load and store files if you listen to this chapter for the first time , The second time you don't have to load , However, the first time I listened to a book, I always reported that the bytes of the audio file I got were 0 Or not MP3 Errors in documents , After refreshing the page MP3 The file can be played again . So the problem is loading for the first time audio It won't play bug

---

Cause analysis ：

The first listening file accepts bytes as 0, The second refresh can play , I think it takes hundreds of milliseconds for the back-end call interface to transfer files , Asynchronous load failed . Then I did the front end 500 Millisecond timer and then test, but the problem is still not solved . Later, I went to the back end to do api Tests found , When you call api When map3 The file has been generated but the bytes are 0, So the first time you listen to a book, you accept bytes as 0, And its file path access exists . IFLYTEK voice text to voice 8000 byte （2000 Word maximum ） The whole process needs 13 About seconds , therefore 13 Seconds before his file bytes are generated , Therefore, the first time the front end listens to the book to get the file path, the file bytes are 0 Or not MP3 file type

---

Solution ：

Just now, I guess it's a loading problem. I set 500 The millisecond loading time has not been resolved , After knowing the problem this time, I set the timer to 13 second , Then the file can be successfully received , Problem solving ！