javascript - 如何按数组的长度加载多个音频播放器并在每个播放器上播放不同的声音？

转载作者：太空宇宙更新时间：2023-11-04 10:44:38

我正在尝试在一个 HTML 页面上出现的不同音频播放器上加载不同的声音(.mp3 音频)。即数组的长度决定了出现在屏幕上的玩家数量。所以，在这个例子中，我在数组中有 3 个元素。因此，3 个音频播放器播放 3 个不同的东西。

我已经设法将 3 个播放器放在页面上，一个放在彼此下面，就像我为它们的等效文本(动物声音)所做的那样，但是我面临以下问题:

每个玩家都在播放相同的声音，而不是递增并为不同的玩家播放每个声音。我使用“for 循环”在数组中递增，但我找不到让它“记住”旧音频的方法，所以它总是在所有播放器中播放最后的声音。在这种情况下，它只播放“猫”。
即使我点击第 1 和第 2 个播放器之间的空行，那里没有音频播放器 - 声音仍在播放，我不明白为什么.. .

如果有任何帮助，我将不胜感激!!!

//use JQuery to grab the audioID and play the audio 
jQuery(document).ready(function() {
	var speakWord = document.getElementsByClassName('speakout');
			var nowPlaying = speakWord[0];
			nowPlaying.load();
			$("#divAudio").on("click", function() {
			nowPlaying.play();
			});
	});	

var textBox = document.getElementById('inBox');   			//Responsible for printing words
var player = document.getElementById('myPlayer');			//PLAYING the sound (<audio>)
var outArr = ['Dog', 'Cow','Cat'];
var pathArr = ['http://cd.textfiles.com/mmplus/MEDIA/WAV/EFFECTS/BARK.WAV', 'http://www.internetstart.se/download/ljud/moo.wav', 'http://area512.htmlplanet.com/wavs/blackcat.wav'];
var audioLogo = document.getElementById('divAudio');		//for the APPEREANCE of the audio player (LOGO)
var img_audio = document.createElement("IMG");				// properties of the IMAGE 
br = document.createElement("br");          			//creating a break in the document 
var new_audio = document.createElement("audio");

var points = 50;

if(outArr.constructor === Array) {
	//audioLogo.style.display = "initial";
	for(i=0; i < outArr.length; ++i) {
		
		//regarding the TEXT elements:
		textBox.innerHTML += outArr[i]+'<br>';  
		textBox.style.fontSize = "30px";
		textBox.style.position = "absolute";
		textBox.style.top = String(points)+'pt';
		textBox.style.marginRight= "5pt";
		textBox.style.lineHeight = "71pt";
		textBox.style.right = '5pt';	
	}
}
else {
	textBox.innerHTML += outArr;
	textBox.style.fontSize = "30px";
	textBox.style.position = "absolute";
	textBox.style.top = "76pt";
}
var points = 70;
for(i=0; i < pathArr.length; ++i) {
			var new_audio = document.createElement("audio");
			var multiAud = audioLogo.querySelectorAll('.multiple_audio');
			
			imgArr =  Array(pathArr.length).fill('http://www.coli.uni-saarland.de/~andreeva/powin/images/sound.png');
			if(i<1){
			img_audio.style.height = "9%";  //the size of the audio logo
			img_audio.style.width = "9%";
			img_audio.setAttribute("src", imgArr[i]); //creating an attribute (image) to be added to doc
			audioLogo.style.position = "absolute";   
			audioLogo.style.top = '58pt';		
			audioLogo.style.lineHeight = "73pt";
			player.src = pathArr[i]; 
			audioLogo.appendChild(img_audio); 
			audioLogo.innerHTML +=  '<br>';
			}
			else {
			var audio = new Audio(pathArr[i]);
			audio.className = 'multiple_audio';
			img_audio.style.height = "9%";
			img_audio.style.width = "9%";
			img_audio.setAttribute("src", imgArr[i]); //creating an attribute (image) to be added to doc
			audioLogo.style.position = "absolute";
			audioLogo.style.top = '58pt';
			audioLogo.style.lineHeight = "73pt";
			audioLogo.appendChild(img_audio);
			player.src = pathArr[i]; 
			audioLogo.innerHTML +=  '<br>';
			//player.parentNode.insertBefore(audio , player.nextNode); 
			}
			
		}

#layout {
position: relative;
overflow: auto;
left: 225px;
width: 	800px;
height: 370px;
background-color: white;  
padding-left: 1px;
max-width:100%;
}

#myText {
pointer-events: none;
width: 	800px;
height: 370px;
resize: none;
font-size: 45px;
font-family: Arial, Helvetica, Verdana;
background: url(https://qph.is.quoracdn.net/main-qimg-47327da6ae3e0b3727a9b9a7ea7f1adb?convert_to_webp=true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<html lang="en">
    <head>
	<meta charset="utf-8"/>
    <script type="text/javascript" src="jquery-1.11.3.js"></script>
    </head>
    <body>
	<br>
		<div id="layout" readonly="readonly">
		<div contenteditable maxlength="200" readonly="readonly" id="myText" dir="auto" name="outtest" class = "fetchBox"></div> 
		<div id="inBox" class="fetch" dir="auto"></div>
		
		 <audio class="speakout" id="myPlayer"> 

			Your Browser does not support the HTML audio Tag!
		</audio>
		
		<div class="play" id="divAudio"><img id="play_image"> </div>
		
		</div>
				
</body>
  
</html>

附言

音频标签不能是默认播放/暂停显示的标准标签。我使用了我自己的播放器 Logo ，但对于此示例，我从绝对 URL 链接了一个 Logo 。
我尝试使用其他帖子 ( multiple and dynamic audio players applied for a dictionary in HTML/JavaScript) 中的提示但效果不是很好。我试着用
var audio = new Audio();和
player.parentNode.insertBefore(audio, player.nextNode);

解决问题1。不确定，可能是因为没有使用标准播放器？

最佳答案

更新 2

应 OP 的要求，HTML5 音频元素的原生控件被自定义暂停/播放按钮取代。我没有为每个音频添加事件监听器，而是采用了此 article 中的一种技术。 .

新函数handlePlay()在 .arrayBox 上检测到点击时调用(包含所有玩家的 <section>)。
handlePlay()将确定实际点击了哪个按钮，然后播放或暂停紧随点击按钮之后的音频元素。
添加了新的按钮对象 ybtn在生成音频元素之前生成。
- 可以使用 .btn 为新按钮设置样式类(class)。
- 请注意按钮的内容是一种字体:
  - 🔈 🔈关闭
  - 🔊 🔊在
  - 此替代方案比图像加载速度更快，而且它会减少 HTTP 请求。

Plunker

片段

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>DeXY Player</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=0" />
  <link href='https://fonts.googleapis.com/css?family=Raleway:600' rel='stylesheet' />
  <style>
    html {
      box-sizing: border-box;
      font: 500 16px/1.428 'Raleway';
      height: 100vh;
      width: 100vw;
    }
    
    *,
    *:before,
    *:after {
      box-sizing: inherit;
      margin: 0;
      padding: 0;
    }
    
    body {
      position: relative;
      font-size: 1rem;
      line-height: 1;
      height: 100%;
      width: 100%;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-font-smoothing: antialiased;
      background: #222;
      color: #fc2;
    }
    
    button {
      font: inherit;
      line-height: 1.5;
      padding: 1px 3px;
      border-radius: 8px;
      border: 1px solid #00f;
      margin: 20px;
      background: rgba(0, 0, 0, .4);
      color: #00f;
      cursor: pointer;
    }
    
    button:hover {
      border: 1px solid #0ff;
      color: #0ff;
    }

    .btn {/* The audio buttons' styles */
      display: inline-block;
    }
  </style>
</head>

<body>
  <h1>DeXY Audio Array Player</h1>
  <button id="btn1"><a>Load</a></button>
  <section id="arrayBox">
    
  </section>
  <script>
//This array of strings is a required input needed to run DeXY Player.
 
    var playList = ['http://glpjt.s3.amazonaws.com/so/av/day01.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day02.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day03.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day04.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day05.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day06.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day07.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day08.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day09.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day10.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day11.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day12.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day13.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day14.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day15.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day16.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day17.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day18.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day19.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day20.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day21.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day22.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day23.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day24.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day25.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day26.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day27.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day28.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day29.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day30.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day31.mp3'];

//qty is the total quantity of elements within the playList array.

    var qty = playList.length;
    console.log('qty: ' + qty);
  </script>
  <script>
    var aBox = document.getElementById('arrayBox');
    var btn1 = document.getElementById('btn1');
//Click event triggers a callback: loadPlayers()
    aBox.addEventListener('click', handlePlay, false);
    btn1.addEventListener('click', loadPlayers, false);

    function loadPlayers() {
      var dArray = [];
//Each iteration creates a div#dx{?}.snd, appends it to the section, and then is pushed into dArray.

      for (var d = 0; d < qty; d++) {
        var division = document.createElement('div');
        division.id = "dx" + d;
        division.className = 'snd';
        aBox.appendChild(division);
        dArray.push(division);
      }
//Each iteration creates an audio element audio#x{?}, adds a series of attributes, and is assigned a MP3 from thr playlist.     
      
      for (var x = 0; x < qty; x++) {
        var ID = dArray[x].getAttribute('id');
        var xTag = document.createElement('audio');
        var yBtn = document.createElement('button');
        var xDiv = document.getElementById(ID);
        var xID = ID.substr(1, 3);
        var yID = ID.substr(2, 3);
        var xUrl = playList[x];
        
        xDiv.appendChild(yBtn);
        yBtn.setAttribute('id', 'y' + yID);
        yBtn.className ="btn";
        console.log('Player Button ID: '+ yBtn.id);
        yBtn.innerHTML = "&#128264;&nbsp;"; 
        yBtn.style.fontSize = "24px";
        yBtn.style.lineHeight = 1;

        xDiv.appendChild(xTag);
        xTag.setAttribute('id', xID);
        xTag.setAttribute('preload', 'auto');
        xTag.setAttribute('src', xUrl);
      }
    }
    
    function handlePlay(e) {
      if (e.target !== e.currentTarget) {
        var button = e.target.id;
        var btn = document.getElementById(button);
        console.log('button: '+btn);
        var clip = btn.nextSibling.id;
        console.log('clip: '+clip);
        var audio = document.getElementById(clip);
        console.log('audio '+audio);
        if(audio.paused) {
          audio.play();
          btn.innerHTML ="&#128266;"
          btn.style.color ="#0ff";
          btn.style.padding = '1px';
          btn.style.border = '1px solid #0ff';
        }
        else {
          audio.pause();
          btn.innerHTML ="&#128264;&nbsp;"
          btn.style.color ="#00f";
          btn.style.padding = '1px 5px';
          btn.style.border = '1px solid #00f';
        }
      }
      e.stopPropagation();
    }

  </script>
</body>

</html>

更新

经过与 OP 的简单讨论，我已经更新了最后一个版本。此版本将接受并使用字符串数组作为播放列表。将所有内容重构为一个函数。轻轻一按按钮，31 个功能音频播放器便会瞬间出现。 JS中有注释简单演练一下函数是什么loadPlayers() .

Plunker

片段

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>dXPlayer</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=0" />
  <link href='https://fonts.googleapis.com/css?family=Raleway:600' rel='stylesheet' />
  <style>
    html {
      box-sizing: border-box;
      font: 500 16px/1.428 'Raleway';
      height: 100vh;
      width: 100vw;
    }
    
    *,
    *:before,
    *:after {
      box-sizing: inherit;
      margin: 0;
      padding: 0;
    }
    
    body {
      position: relative;
      font-size: 1rem;
      line-height: 1;
      height: 100%;
      width: 100%;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-font-smoothing: antialiased;
      background: #222;
      color: #fc2;
    }
    
    button {
      font: inherit;
      line-height: 1.5;
      padding: 1px 3px;
      border-radius: 8px;
      border: 1px solid #0ec;
      margin: 20px;
      background: rgba(0, 0, 0, .4);
      color: #0FF;
    }
  </style>
</head>

<body>
  <h1>dX Audio Array Player</h1>
  <section id="arrayBox">
    <button id="btn1">Load</button>
  </section>
  <script>
//This array of strings is a required input needed to run dXPlayer.
 
    var playList = ['http://glpjt.s3.amazonaws.com/so/av/day01.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day02.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day03.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day04.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day05.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day06.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day07.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day08.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day09.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day10.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day11.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day12.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day13.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day14.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day15.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day16.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day17.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day18.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day19.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day20.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day21.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day22.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day23.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day24.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day25.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day26.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day27.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day28.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day29.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day30.mp3', 'http://glpjt.s3.amazonaws.com/so/av/day31.mp3'];
    
//qty is the total quantity of elements within the playList array.

    var qty = playList.length;
    console.log('qty: ' + qty);
  </script>
  <script>
    var btn1 = document.getElementById('btn1');
//Click event triggers a callback: loadPlayers()

    btn1.addEventListener('click', loadPlayers, false);

    function loadPlayers() {
      var tgtArea = document.getElementById('arrayBox');
      var dArray = [];
//Each iteration creates a div#dx{?}.snd, appends it to the section, and then is pushed into dArray.

      for (var d = 0; d < qty; d++) {
        var division = document.createElement('div');
        division.id = "dx" + d;
        division.className = 'snd';
        tgtArea.appendChild(division);
        dArray.push(division);
      }
//Each iteration creates an audio element audio#x{?}, adds a series of attributes, and is assigned a MP3 from thr playlist.     
      
      for (var x = 0; x < qty; x++) {
        var ID = dArray[x].getAttribute('id');
        var xTag = document.createElement('audio');
        var xDiv = document.getElementById(ID);
        var xID = ID.substr(1, 3);
        var xUrl = playList[x];

        xDiv.appendChild(xTag);
        xTag.setAttribute('id', xID);
        xTag.setAttribute('controls', 'controls');
        xTag.setAttribute('preload', 'auto')
        xTag.setAttribute('src', xUrl);
      }
    }
  </script>
</body>

</html>

OP 的代码中有太多需要调试的地方，因此我提供了一个可以实现与 OP 相同目标的工作演示。该演示包括:

两个事件监听器 ...
- 一次DOM Content已加载(JS 几乎等同于 jQuery 的 DOM Ready )，并且 ...
- 另一个点击按钮 ( btn1)。
两个函数...
- loadPlayers()当 btn1 上的点击事件被调用被触发。
  - 它收集 div.snd在节点列表中...
  - ... 依次转换为数组 ...
  - ... 由 for 迭代循环。
  - 循环的每个实例都会生成一个加载了独特内容的独特音频元素。
- xStruct是在 loadPlayers() 中调用的函数进行克隆、添加属性和分配内容。

在准备这样的元素时，我更喜欢将我的所有 Assets 放在手边并且易于访问。 - 确保音频文件都在一个目录(文件夹)中。 - 使用连续编号的短功能文件名。 (例如 wav1.wav、`wav2.wav 等。) - 以类似的方式分配 id。 - 如果您使用的内容分散在多个位置、名称冗长冗长并且类和 ID 没有易于遵循的模式，您将更容易出错。

设置此演示时需要遵守一些事项:

对于您想要创建的每个播放器，您必须在 HTML 中已有一个 div:
- ids 除了数字之外应该完全相同。
- 您必须分配类(class) .snd以及每个 div。
以与 div id 相同的方式命名每个文件。

Plunker

片段

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>35529918</title>
  <style>
    section {
      margin: 30px
    }
  </style>
</head>

<body>
  <button id="btn1">Load</button>
  <section>
    <div id="wav1" class="snd"></div>
    <div id="wav2" class="snd"></div>
    <div id="wav3" class="snd"></div>
  </section>
  <script>
    window.addEventListener('DOMContentLoaded', function(e) {

      var btn1 = document.getElementById('btn1');

      btn1.addEventListener('click', loadPlayers, false)

      function loadPlayers() {
        var divList = document.querySelectorAll('.snd');
        var divArray = Array.prototype.slice.call(divList);
        for (var i = 0; i < divArray.length; i++) {
          var ID = divArray[i].id;
          xStruct(ID);
        }
      }

      function xStruct(ID) {
        var xTag = document.createElement('audio');
        var xDiv = document.getElementById(ID);
        var xUrl = 'https://glpjt.s3.amazonaws.com/so/av/';
        var xWav = xUrl + ID + '.wav';
        var xID = ID.substr(1, 3);
        xDiv.appendChild(xTag);
        xTag.setAttribute('id', xID);
        xTag.setAttribute('controls', 'controls');
        xTag.setAttribute('src', xWav);
      }
    }, false);
  </script>
</body>

</html>

关于javascript - 如何按数组的长度加载多个音频播放器并在每个播放器上播放不同的声音？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35529918/

文章推荐： python - 简单的 Python 脚本不起作用

文章推荐：仅关于大规模迭代的 Python 列表索引超出范围

文章推荐： html - 当元素位于某些 float 元素下方时如何对齐？

javascript - 加载 gif 不等待 iFrame 加载？
我想要显示正在加载的 .gif，直到所有内容都已加载，包括嵌入的 iframe。但是，目前加载 gif 会在除 iframe 之外的所有内容都已加载后消失。我怎样才能让它等到 iframe 也加载完毕
javascript - AngularJS 加载 JSON 数据然后从中解析/加载 HTML
首先，这是我第一次接触 Angular。我想要实现的是，我有一个通知列表，我必须以某种方式限制 limitTo，因此元素被限制为三个，在我单击按钮后，其余的应该加载。我不明白该怎么做: 设置“ V
java - 瓦片不会随 map View 加载，但会随 fragment 加载
我正在尝试在我的设备上运行这个非常简单的应用程序(使用 map API V2)，并且出于某种原因尝试使用 MapView 时: 使用 java 文件: public class MainMap e
python - 通过 PyXLL 加载 scipy 时出现问题 - 是否有人成功通过 PyXLL 加载 Scipy？
我正在使用 Python 2.6、Excel 2007 Professional 和最新版本的 PyXLL。在 PyXLL 中加载具有 import scipy 抛出异常，模块未加载。有没有人能够在
unreal-engine4 - 虚幻引擎 4 : What is correct way to PAK files, 加载/挂载它们并在打包游戏中使用 AssetRegistry 加载 Assets ？
我想做这个: 创建并打包原始游戏。然后我想根据原始游戏中的蓝图创建具有新网格/声音/动画和蓝图的其他 PAK 文件。原始游戏不应该知道有关其他网格/动画/等的任何信息。因此，我需要在原始游戏中使用 A
你会几种读取/加载 properties配置文件方法
**摘要：**在java项目中经常会使用到配置文件，这里就介绍几种加载配置文件的方法。本文分享自华为云社区《【Java】读取/加载 properties配置文件的几种方法》，作者：Copy工程师。
class - 条件类导入/加载
在 Groovy 脚本中是否可以执行条件导入语句？ if (test){ import this.package.class } else { import that.package.
CUDA:加载/存储效率与全局内存指令重放之间的关系
我正在使用 NVidia 视觉分析器(来自 CUDA 5.0 beta 版本的基于 eclipse 的版本)和 Fermi 板，我不了解其中两个性能指标: 全局加载/存储效率表示实际内存事务数与请求事
加载 View 时angularjs清除历史记录
有没有办法在通过 routeProvider 加载特定 View 时清除 Angular JS 存储的历史记录？ ? 我正在使用 Angular 创建一个公共(public)安装，并且历史会积累很多，
initialization - 加载 Storyboard时首先调用什么方法？
使用 Xcode 4.2，在我的应用程序中， View 加载由 segue 事件触发。在 View Controller 中首先调用什么方法？ -(void) viewWillAppear:(BOO
Django JSONField转储/加载
我在某些Django模型中使用JSONField，并希望将此数据从Oracle迁移到Postgres。到目前为止，当使用Django的dumpdata和loaddata命令时，我仍然没有运气来保持J
Cocoa 加载 ViewNib
创建 Nib 时，我需要创建两种类型:WindowNib 或 ViewNib。我看到的区别是，窗口 Nib 有一个窗口和一个 View 。如何将 View Nib 加载到另一个窗口中？我是否必须创建
rust - 加载.env并使用辅助函数将其转换为一般结构
我想将多个env.variables转换为静态结构。我可以手动进行: Env { is_development: env::var("IS_DEVELOPMENT")
c++ - 加载/存储宽松原子变量和普通变量有什么区别？
正如我从一个测试用例中看到的:https://godbolt.org/z/K477q1 生成的程序集加载/存储原子松弛与普通变量相同:ldr 和 str 那么，宽松的原子变量和普通变量之间有什么区别吗
javascript - 加载/重定向到外部网站时如何添加加载屏幕？
我有一个重定向到外部网站的按钮/链接，但是外部网站需要一些时间来加载。所以我想添加一个加载屏幕，以便外部页面在显示之前完全加载。我无法控制外部网站，并且外部网站具有同源策略，因此我无法在 iFrame
bash - 加载.env的Dockerfile入口点bash文件在容器中不可见
我正在尝试为我的应用程序开发一个Dockerfile，该文件在初始化后加载大量环境变量。不知何故，当我稍后执行以下命令时，这些变量是不可用的: docker exec -it container_na
javascript - 加载 JavaScript
很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它，visit the help center 。已关
JavaScript 加载 html
我刚刚遇到一个问题，我有一个带有一些不同选项的选择标签。现在我想检查用户选择了哪些选项。然后我想将一个新的 html 文件加载到该网站(取决于用户选中的选项)宽度 javascript，我该怎么做
黑莓 - 应用程序设置保存/加载
我知道两种保存/加载应用程序设置的方法: 使用PersistentStore 使用文件系统(存储，因为 SDCard 是可选的) 我想知道您使用应用程序设置的做法是什么？使用 PersistentS
Vulkan 加载 vkCreateDebugReportCallbackEXT
我开始使用 Vulkan 时偶然发现了我的第一个问题。尝试创建调试报告回调时(验证层和调试扩展在我的英特尔 hd vulkan 驱动程序上可用，至少它是这么说的)，它没有告诉我 vkCreateDeb

太空宇宙

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 如何按数组的长度加载多个音频播放器并在每个播放器上播放不同的声音？

更新 2

更新