当前位置：网站首页>Unity publishes a method of webgl playing sound

Unity publishes a method of webgl playing sound

2022-07-02 22:34:00 【ttod】

The way to start playing sound is to mp3 Documents or ogg Files in StreamingAssets Under the folder , Load it locally before playing , But released as WebGL after , There are many problems in the process of playing sound , It is an error to check the relevant code about sound playback through the web console , I can't understand the specific content , Finally, I took the method of using the web page itself to play sound . The specific method is to first add audio Elements , Then the audio playback is realized by controlling this element .

The sample code of the page is as follows ：

  <body style="text-align: center" onclick="if(!isPlayBird){PlayAudio('Bird',true);isPlayBird = 'true';}">
    
    <audio id="Bird" preload="auto" src="StreamingAssets/Audios/Bird.mp3" type="audio/mpeg" loop="true"></audio>
    <audio id="Rain" preload="auto" src="StreamingAssets/Audios/Rain.mp3" type="audio/mpeg" loop="true"></audio>
    <audio id="Wind" preload="auto" src="StreamingAssets/Audios/Wind.mp3" type="audio/mpeg" loop="true"></audio>
    <audio id="XiShuai" preload="auto" src="StreamingAssets/Audios/XiShuai.mp3" type="audio/mpeg" loop="true"></audio>
	
    <script>
	var isPlayBird = false;
	
	function PlayAudio(audioName,isplay) {
		var player = document.getElementById(audioName);
		if(isplay)
		{
			player.play();
		}
		else
		{
			player.pause();
		}
	}
    </script>
  </body>

In the code above , Added... To the page 4 individual audio Elements , And the element id It uses the same name as the audio to be played . meanwhile , It is said that most browsers do not allow automatic audio playback （ At least in the Chrome Inside is not allowed ）, So in body Click... Is written in the element body Code for playing audio ：

οnclick="if(!isPlayBird){PlayAudio('Bird',true);isPlayBird = 'true';}

Here, in order to work only with one click , Don't work in the future , Added a isPlayBird Variables to limit .

Let's talk about unity Call... On the page PlayAudio Method approach .

First of all, it's in Asset Add under folder Plugins Folder , Add a folder with the extension jslib The file of , The contents of the document are as follows ：

mergeInto(LibraryManager.library, {
	PlayHtmlAudio: function (audioName,isPlay) {
		PlayAudio(UTF8ToString(audioName),isPlay);
	}
});

The code uses UTF8ToString Method replaces the original Pointer_stringify Method to handle strings . In fact, both methods are possible , But use Pointer_stringify Method words , The browser will alarm , Say this method is out of date , It is recommended to use UTF8ToString Replace , Sure enough , Use UTF8ToString No more alarms after the method .

The following is the C# Call in script PlayHtmlAudio Method reference code ：

[DllImport("__Internal")]
private static extern void PlayHtmlAudio(string audioName, bool isPlay);

public void PlayAudio(string audioName, bool isPlay)
{
	if (Application.platform == RuntimePlatform.WebGLPlayer)
	{
		PlayHtmlAudio(audioName, isPlay);
	}
}

Okay , That's it .

原网站

版权声明
本文为[ttod]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/183/202207021935376622.html

边栏推荐

猜你喜欢

随机推荐