html - 奇怪的WebRTC SinkID问题-6ren

html - 奇怪的WebRTC SinkID问题

转载作者：行者123 更新时间：2023-12-03 01:20:38

我有8条虚拟音频线。我正在尝试将不同的音频/视频播放器映射到不同的虚拟线路，因为我们将其用于远程解释。我的问题是，当出现新的WebRTC时，所有播放器默认都使用最新的sinkID类型。接收器ID的报告没有改变，但是所有音频开始流经最近设置的接收器ID。有人知道这是浏览器限制还是什么？

仅当我在人们连接时按需创建音频播放器时，才会发生这种情况。如果在每个人都连接好之后设置ID，就没有问题。我什至尝试通过所有新连接将所有接收器ID重置为它们应具有的状态，但是音频仍然全部流过最新音频播放器上的接收器ID。

我已附上所有内容的外观。在附件中，Dave将被附加到第4行的SinkID。这很好。如果另一个解释器加入了他加禄语，也可以在第4行听到他们的声音。问题是，如果有人加入说西类牙语，当我在西类牙语(第3行)中设置播放器的接收器ID时，所有音频都通过SinkID听到即使第4行的人员的SinkID仍设置为第4行，第3行也是如此。我认为这可能是Chrome Bug。我使用的是OpenTok(tokbox)，实际上不需要显示一些PHP即可管理显示的语言。我已经附加了管理所有这些的iFrame代码。

<!DOCTYPE html>
<html>
<head>
    <title>IRIS Remote Player</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <script src="../vendor/jquery/jquery.min.js"></script>
    <script src="/socket.io/socket.io.js"></script>
    <link href="/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://static.opentok.com/v2/js/opentok.js"></script>
    <link href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/css/bootstrap4-toggle.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/js/bootstrap4-toggle.min.js"></script>
    <meta name="lastLoaded" content="2020-04-21 11:34:57">
    <script> var EnglishOn; </script>
<style>
  .slow  .toggle-group { transition: left 0.7s; -webkit-transition: left 0.7s; }
  .fast  .toggle-group { transition: left 0.1s; -webkit-transition: left 0.1s; }
  .quick .toggle-group { transition: none;      -webkit-transition: none; }
</style>    
</head>
<body>
<button type="button" class="btn btn-lg btn-danger form-control" id="connect">Connect Remote Interpreters</button>
<div class="container-fluid">
    <div class="row live" style="display:none;background:black;color:white;padding-bottom:5px">
        <div class="col-sm-2"><input type="checkbox" checked data-width="100%" id="AllAudio" data-toggle="toggle" data-offstyle="danger" data-onstyle="success" data-on="Live" data-off="Break" data-style="quick"></div>
        <div class="col-sm-2"><input type="checkbox" checked data-width="100%" id="Admins" data-toggle="toggle" data-offstyle="danger" data-onstyle="success" data-on="Admins Live" data-off="Admins Off" data-style="quick"></div>
    </div>

    <div class="row live" style="display:none;background:#fff;color:black">
<div class="col-sm-2" id="PL"><input data-style="quick" type="checkbox" class="Interpretation AudioControl SwitchPL" data-width="100%" id="floorPolish" data-lang="PL" data-toggle="toggle" checked  data-offstyle="danger" data-onstyle="success" data-on="Polish" data-off="Floor"><br />Floor<br /><audio autoplay controls muted id="englishPolish" class="englishPL"></audio></div><div class="col-sm-2" id="RU"><input data-style="quick" type="checkbox" class="Interpretation AudioControl SwitchRU" data-width="100%" id="floorRussian" data-lang="RU" data-toggle="toggle" checked  data-offstyle="danger" data-onstyle="success" data-on="Russian" data-off="Floor"><br />Floor<br /><audio autoplay controls muted id="englishRussian" class="englishRU"></audio></div><div class="col-sm-2" id="ES"><input data-style="quick" type="checkbox" class="Interpretation AudioControl SwitchES" data-width="100%" id="floorSpanish" data-lang="ES" data-toggle="toggle" checked  data-offstyle="danger" data-onstyle="success" data-on="Spanish" data-off="Floor"><br />Floor<br /><audio autoplay controls muted id="englishSpanish" class="englishES"></audio></div><div class="col-sm-2" id="TL"><input data-style="quick" type="checkbox" class="Interpretation AudioControl SwitchTL" data-width="100%" id="floorTagalog" data-lang="TL" data-toggle="toggle" checked  data-offstyle="danger" data-onstyle="success" data-on="Tagalog" data-off="Floor"><br />Floor<br /><audio autoplay controls muted id="englishTagalog" class="englishTL"></audio></div><div class="col-sm-2" id="EN"><input type="checkbox" data-style="quick" class="AudioControl" data-width="100%" id="floorEnglish" data-toggle="toggle" data-offstyle="danger" data-onstyle="success" data-on="English" data-off="Floor"><br />Floor<br /><audio autoplay controls muted id="englishEnglish" class="englishEN"></audio></div>
    </div>
</div>




<script>
var audioSource;
var vars = {};
var floorSource;

$('#connect').click(function() {

    $('input:checkbox#Admins').change(function(){
        if ($(this).is(':checked')) {
            $('.ADMIN').each(function() {
                var adminID = $(this).attr("id");
                var thisID = adminID.replace("userID", "");
                $("#"+thisID).prop('muted', false);
                $('#'+thisID).prop('volume', 1);                    
            });         
        } else {
            $('.ADMIN').each(function() {
                var adminID = $(this).attr("id");
                var thisID = adminID.replace("userID", "");
                $("#"+thisID).prop('muted', true);
                $('#'+thisID).prop('volume', 0);                    
            });             
        }   
    });
    $('input:checkbox.AudioControl').change(function(){
        var LanguageCode = $(this).attr("data-lang");
        var LanguageName = $(this).attr("data-on");
        if ($(this).is(':checked')) {
            $("#english"+LanguageName).prop('muted', true);
            $('#english'+LanguageName).prop('volume', 0);   
            $("."+LanguageCode).prop('muted', false);
            $('.'+LanguageCode).prop('volume', 1);
            setTimeout(function(){ 
                if ($('#Admins').is(':checked')) {} else {
                    $('.ADMIN').each(function() {
                        var adminID = $(this).attr("id");
                        var thisID = adminID.replace("userID", "");             
                        $("#"+thisID).prop('muted', true);
                        $('#'+thisID).prop('volume', 0);    
                    }); 
                }   
            }, 200);
        } else {
            //Activate Floor
            $("#english"+LanguageName).prop('muted', false);
            $('#english'+LanguageName).prop('volume', 1);   
            $("."+LanguageCode).prop('muted', true);
            $('.'+LanguageCode).prop('volume', 0);
            setTimeout(function(){ 
                if ($('#Admins').is(':checked')) {} else {
                    $('.ADMIN').each(function() {
                        var adminID = $(this).attr("id");
                        var thisID = adminID.replace("userID", "");             
                        $("#"+thisID).prop('muted', true);
                        $('#'+thisID).prop('volume', 0);
                    });                 
                }       
            }, 200);                
        }
    });

    $('input:checkbox#AllAudio').change(function(){
        if ($(this).is(':checked')) {
            $('.Interpretation').bootstrapToggle('on')
            $('#floorEnglish').bootstrapToggle('off')
        } else {
            $('.AudioControl').bootstrapToggle('off')       
        }
    }); 

    $("#connect").hide();
    $("#subscriber").show();
    $(".live").show();
playFloor('Polish','PL');
        playFloor('Russian','RU');
        playFloor('Spanish','ES');
        playFloor('Tagalog','TL');
            playFloor('English', 'EN');

    function playFloor(language, code) {
        const audio = document.getElementById('english'+language);
        const constraints = {
            audio: {deviceId: floorSource},
            video: false
        };
        function handleSuccess(stream) {
          const audioTracks = stream.getAudioTracks();
          console.log('Got stream with constraints:', constraints);
          console.log('Using audio device: ' + audioTracks[0].label);
          stream.oninactive = function() {
            console.log('Stream ended');
          };
          window.stream = stream; // make variable available to browser console
          audio.srcObject = stream;
        }

        function handleError(error) {
          alert('navigator.MediaDevices.getUserMedia error: ', error.message, error.name);
        }

        newSinkID = vars[code];

        navigator.mediaDevices.getUserMedia(constraints).then(handleSuccess).catch(handleError);


        //const MyEnglishAudio = document.getElementById("englishPlayer");
        audio.setSinkId(newSinkID);
        console.log("Setting Audio to: "+newSinkID);

        if(code == "EN") {  
            $("#englishEnglish").prop('muted', false);
            $('#englishEnglish').prop('volume', 1); 
            console.log("Setting English Volume on "+floorSource);
        }       
    }
        function handleRemoteError(error) {
          if (error) {
            alert(error);
          }
        }




    var apiKey = 'HIDEEN';
    var sessionId = 'HIDDEN';
    var token = 'HIDDEN';

    socket = io.connect('/', {
        secure: true,
        'reconnection': true,
        'reconnectionDelay': 1000,
        'reconnectionAttempts': Infinity
    });


    socket.on('disconnect', function () {
            console.log("Disconnected from the server"); 
            //location.reload(true);            
        }); 

     socket.on('send', function (msg) {
         fromSocket = msg.split(" ");
         to_meeting_id = fromSocket[0];
         to_lang = fromSocket[1];
         action = fromSocket[2];
         who = fromSocket[3];

    if(to_meeting_id == '17') {      
        console.log("Action by "+who+": "+action+" for "+to_lang);
        var info = msg.split(" ");
        console.log("0: "+info[0]+" 1: "+info[1]+" 2: "+info[2]+" 3: "+info[3]+" 4:"+info[4]+" 5: "+info[5]+" 6: "+info[6]+" 7: "+info[7]);

        if(action == "english") {
            $('#floorEnglish').bootstrapToggle('on');
            $('.Switch'+info[7]).bootstrapToggle('off');
            useraudio = document.getElementById(who);
            MynewSinkID = vars['EN'];
            //useraudio.setSinkId(MynewSinkID);
            useraudio.setSinkId(MynewSinkID)
            .then(() => {
              console.log('successfully set the audio output device - Note Unmuting '+who);
                    $("#"+who).prop('muted', false);
                    $('#'+who).prop('volume', 1);
                    $('#'+who).css("background-color", "green");                    
            })
            .catch((err) => {
              console.error('Failed to set the audio output device ', err);
            });
        }
        if(action == "englishOff") {
            $('#floorEnglish').bootstrapToggle('off');
            $('.Switch'+info[6]).bootstrapToggle('on');
            // Set Sink Audio Back
            useraudio = document.getElementById(who);
            MynewSinkID = vars[info[6]];
            //useraudio.setSinkId(MynewSinkID);
            useraudio.setSinkId(MynewSinkID)
            .then(() => {
              console.log('successfully set the audio output device');
                    $('#'+who).css("background-color", "white");      
            })
            .catch((err) => {
              console.error('Failed to set the audio output device ', err);
            });         
        }   
            if(action == "privacyOn") {
                $('#floor'+info[4]).bootstrapToggle('off');
            }
            if(action == "privacyOff") {
                $('#floor'+info[4]).bootstrapToggle('on');
            }
    }

    }); 

    console.log("Starting Session");
      var session = OT.initSession(apiKey, sessionId);
        var AllUsers = [];
        i = 0;
      // Subscribe to a newly created stream
      session.on('streamCreated', function streamCreated(event) {
        console.log("New stream in the session: " + event.stream.streamId);
        var subscriberOptions = {
          insertMode: 'append',
          insertDefaultUI: false,
          subscribeToAudio: true,
          showControls: true,
          width: 400,
          height: 100,
          subscribeToVideo: false
        };

        console.log("STARTING LOG OF EVENT");
        console.log(event);
        console.log("END LOG OF EVENT");
        parms = event.stream.connection.data;
        //alert(parms)
        newparms = parms.split(",");
        ConnectingID = newparms[0];
        Channel = newparms[1];
        subscriber = session.subscribe(event.stream, subscriberOptions, handleRemoteError);
        console.log("Connecting to event stream: "+event.stream);
        //console.log("My Lang: "+MyLang+" VS "+Channel);
        item = {}
        item ["Channel"] = Channel;
        item ["RemoteUserID"] = ConnectingID;
        item ["RemoteStream"] = event.stream;
        // See if we have seen this user before. If so, remove them from the array so we can readd them after with new stream info
        jQuery.each(AllUsers, function(i, val) {
           if(val.RemoteUserID == ConnectingID) // delete index
           {
              //AllUsers.splice(i, 1); // Remove previous streams by this user
          }
        });
        AllUsers.push(item);
        console.log(AllUsers);

    subscriber.on('videoElementCreated', (event) => {
        //console.log("Info "+event.target.stream.connection.data);
        var connectionData = event.target.stream.connection.data;
        var info = connectionData.split(",")
        console.log("User ID: "+info[0]);
        console.log("Lang: "+info[1]);
        $('#userID'+info[0]).remove();
        $.ajax({
            type: 'POST',
            timeout: 10000,
            url: '/ajax/who.php',
            dataType: 'html',
            data: { "user_id": info[0] },
            cache: false,               
            error: function (jqXHR, exception) {
                var msg = '';
                if (jqXHR.status === 0) {
                    msg = 'Can not reach network.\n Verify you have internet.';
                } else if (jqXHR.status == 403) {
                    msg = 'Your five digit code did not match. ';
                } else if (jqXHR.status == 404) {
                    msg = 'Requested page not found. [404]';
                } else if (jqXHR.status == 500) {
                    msg = 'Internal Server Error [500].';
                } else if (exception === 'parsererror') {
                    msg = 'Requested JSON parse failed.';
                } else if (exception === 'timeout') {
                    msg = 'Time out error.';
                } else if (exception === 'abort') {
                    msg = 'Ajax request aborted.';
                } else {
                    msg = 'Uncaught Error.\n' + jqXHR.responseText;
                }
                alert("Local Server Request: "+msg);                        
            },
            success: function (data) {
                $('#'+info[1]).append(data);
                document.getElementById(info[1]).appendChild(event.element);
                setTimeout(function(){          
                    if (data.indexOf('ADMIN') > -1) {
                        if ($('#Admins').is(':checked')) {} else {
                            $("#"+info[0]).prop('muted', true);
                            $('#'+info[0]).prop('volume', 0);
                        }
                    }
                }, 200);
            }
        });         

        console.log("Video Element Created");
        console.log(event);
        dynamicSinkID = vars[info[1]];
        //alert(dynamicSinkID);
        event.element.setAttribute("class", "InterpreationSource "+info[1]);
        event.element.setAttribute("data-lang", info[1]);
        event.element.setAttribute("id", info[0]);
        event.element.setAttribute("controls", "controls");
        event.element.setAttribute("width", "300");
        event.element.setAttribute("height", "54");
      if (typeof event.element.sinkId !== 'undefined') {
        event.element.setSinkId(dynamicSinkID)
        .then(() => {
          console.log('successfully set the audio output device');
        })
        .catch((err) => {
          console.error('Failed to set the audio output device ', err);
        });
      } else {
        console.warn('device does not support setting the audio output');
      }



      // FIX FOR CHROME BUG SETTING LAST PLAYER CREATED AS THE SINKID FOR All - FAILED
      /*
      setTimeout(function(){
            $('.InterpreationSource').each(function() {

                var playerID = $(this).attr("id");
                var lang_code = $(this).attr("data-lang"); // Get language of each player
                var FixID = vars[lang_code]; // Get SinkID it's supposed to be
                var theFix = document.getElementById(playerID);
                console.log("Fixing "+playerID+" with "+FixID);
                theFix.setSinkId(FixID)
                .then(() => {
                  console.log('successfully set the audio output device - Note Unmuting '+playerID);    
                })
                .catch((err) => {
                  console.error('Failed to set the audio output device ', err);
                });                 
            });     

        }, 2000);
        */      
      // END FIX BUG FOR CHROME

    });         

      });

    session.connect(token, function (error) {
        if(error) {
            alert(error);
        }
    }); 



});


if (!navigator.mediaDevices || !navigator.mediaDevices.enumerateDevices) {
  console.log("enumerateDevices() not supported.");
}

// List cameras and microphones.

navigator.mediaDevices.enumerateDevices()
.then(function(devices) {
  devices.forEach(function(device) {
    //console.log(device.kind + ": " + device.label +" id = " + device.deviceId);
    if(device.kind == "audiooutput" && device.label == "Line 5 (Virtual Audio Cable)") {
        vars['EN'] = device.deviceId;
        console.log(device.kind + ": " + device.label +" id = " + device.deviceId);
    }
    if(device.kind == "audiooutput" && device.label == "Line 1 (Virtual Audio Cable)") {
        vars['PL'] = device.deviceId;
        console.log(device.kind + ": " + device.label +" id = " + device.deviceId);
    }
    if(device.kind == "audiooutput" && device.label == "Line 2 (Virtual Audio Cable)") {
        vars['RU'] = device.deviceId;
        console.log(device.kind + ": " + device.label +" id = " + device.deviceId);
    }
    if(device.kind == "audiooutput" && device.label == "Line 3 (Virtual Audio Cable)") {
        vars['ES'] = device.deviceId;
        console.log(device.kind + ": " + device.label +" id = " + device.deviceId);
    }
    if(device.kind == "audiooutput" && device.label == "Line 4 (Virtual Audio Cable)") {
        vars['TL'] = device.deviceId;
        console.log(device.kind + ": " + device.label +" id = " + device.deviceId);
    }
    if(device.kind == "audioinput" && device.label == "Microphone Array (Synaptics Audio)") {
        floorSource = device.deviceId;
        console.log(device.kind + ": " + device.label +" id = " + device.deviceId);
    }   
  });
})
.catch(function(err) {
  console.log(err.name + ": " + err.message);
});


</script>
</body>
</html>

*****编辑*****
看到我的问题可能与 https://groups.google.com/forum/?utm_medium=email&utm_source=footer#!msg/discuss-webrtc/vrw44ZGE0gs/2YJ6yUEjBgAJ有关

WebRTC在内部混合音轨，并且所有音轨的音频实际上都作为单个音频流传输到Chrome。诸如音量之类的属性更改将发送到WebRTC以在混合之前应用。因此，不幸的是，这意味着该混音器的输出只能定向到单个音频设备。

以上适用于和媒体元素。

但是，Chrome提供了一种解决方法，其中涉及通过WebAudio进行渲染。为此，即使不一定要将音频发送到特定设备或将其静音，仍需要从混合流中“拉”音频。
然后，您可以按照此示例克隆远程轨道并通过WebAudio渲染它们。

所以现在我只需要弄清楚该怎么做。

最佳答案

因此，我想出了解决此问题的方法。我创建了一个函数，并使用以下代码通过WebAudio循环了WebRTC音频:

    function addNewStream(event, dynamicSinkID, lang) {     
        var mediaStream = event.element.srcObject;
        var remote_stream1 = mediaStream.clone();
        test_audio_context1 = new AudioContext();
        webaudio_source1 = test_audio_context1.createMediaStreamSource(remote_stream1);
        webaudio_ms1 = test_audio_context1.createMediaStreamDestination();
        webaudio_source1.connect(webaudio_ms1);
        test_output_audio1 = new Audio();
        test_output_audio1.srcObject  = webaudio_ms1.stream;
        test_output_audio1.play();
        test_output_audio1.setSinkId(dynamicSinkID);
        test_output_audio1.setAttribute("controls", "controls");
        document.getElementById(lang).appendChild(test_output_audio1);
        test_output_audio1.setAttribute("controls", "controls");
        test_output_audio1.setAttribute("width", "300");
        test_output_audio1.setAttribute("height", "54");                          
    }

关于html - 奇怪的WebRTC SinkID问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/61273969/

文章推荐： elasticsearch - Elastic Search NEST客户端原始+自定义查询

文章推荐： node.js - 刷新索引映射并减少总字段数

文章推荐： function - 在PowerShell中的foreach函数中更改变量名称

java - and 之间的区别
大家好，我看到了来自 java 项目中的 jsp 页面。想问一下这些html标签有什么区别。请多多指教。示例代码如下: 最佳答案使用struts-html标签库，其中只是普
html - HTML 页面中损坏的 HTML
我有一个页面，我正在从电子邮件中读取 HTML。有时，来自电子邮件的文本包含 HTML 和 CSS，它完全改变了我的页面样式。我不希望我的页面样式因此受到影响。我如何严格阅读特定 div(框)内的
html - HTML 中的图像 - HTML 表中行之间的间距
我知道有类似的问题，但我想对我的特定代码进行一些输入。我有一个图像，我将其切成 9 块，并创建了一个 3x3 HTML 表来显示它。但是我的表在行之间有空格，但在列之间没有空格。我没有使用任何 C
html - 为什么我的本地 html 链接会转到父文件夹而不是 .html？
编辑:Waylan 的回答成功了!谢谢! 我正在尝试压缩文档的 .html 文件以发送给客户。目标是获得与浏览实际网站相同的体验。打开 .html 文件时，单击的任何链接都会转到父文件夹，而不是特定
html - 为什么我的本地 html 链接会转到父文件夹而不是 .html？
编辑:Waylan 的回答成功了!谢谢! 我正在尝试压缩文档的 .html 文件以发送给客户。目标是获得与浏览实际网站相同的体验。打开 .html 文件时，单击的任何链接都会转到父文件夹，而不是特定
html - 如何解析和规范化来自不同 HTML 生成器的 HTML？
这是 question 的扩展.我正在尝试解析嵌入在 Blogger 博客的 XML 备份中的 HTML 片段，并用 InDesign 标签重新标记它们。 Blogger 并未对其任何帖子的 HTML
html - html 元素之间的换行符破坏了 html 布局
我知道在 html 中元素之间的换行符被视为空格，但我认为当您尝试使用响应式布局时这非常可怕。例如，这里我们有预期和正确的行为，但要获得它，我必须删除元素之间的 html 中的换行符: https:
html - 将带有 html 标签的文本显示为 html
我正在尝试将文本文件显示为 html。我正在使用 ionic 。我正在发送一个 html 格式的响应，但在一个文本文件中发送到配置文件页面。它在 .ts 页面的变量名中。 @Component({
html - 如何在 html 中显示 html？
假设我有一个 html 文档: test 我想在浏览器中显示该代码。然后我会创建类似的东西: <html>test<html> 为了在中间制作 gubbins，我有一个函数
html - HTML 元素和 HTML 标签有什么区别？
HTML 元素和 HTML 标签有什么区别？渲染有什么区别吗？使用标签或元素时有什么特殊注意事项吗？最佳答案是一个标签，特别是一个开始标签也是一个标签，一个结束标签 This is a para
html - 降低 html 表格高度和过度滚动 - HTML
我有这个表格的模态形式。该表正在填充大量数据，但我不想分页。相反，我想以模式形式降低表格的高度并为表格添加溢出。下面是我的代码，但它不起作用。请问我该如何实现？ CSS #table{
html - 查看 HTML 代码而不是呈现的 HTML
我记得有一个 Linux 命令可以从给定的 URL 返回 HTML 代码。您可以将 URL 作为此命令的参数，然后返回 HTML 代码，而不是在浏览器中输入 URL。哪个命令执行此操作？最佳答案
html - 在 html 中显示 html
我有一个 html 页面，我想在其中包含另一个有很多链接的 html 页面。我能够使用 iframe 实现它，但我希望 iframe 内的页面具有与原始页面相同的文本和链接颜色属性，我不想要滚动条，我
html - 如何从另一个 HTML 加载部分 HTML？
我正在使用 HTML 写一本书。如果我把它写在一个 html 文件中，整个代码就会变长，所以我想将每一章保存到不同的文件中，然后将它们加载到主 html 中。我的意思是有像 chapter1.html
html - 将 html 页面重定向到另一个 html
在显示之前，我必须将一个网站重定向到另一个网站。我试过使用 .htaccess，但它给我带来了问题。我也使用过 javavscript 和 meta，但在加载我要从中传输的页面之前它不起作用。帮助？
html - 将网页 html 转换为电子邮件 html
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以便用事实和引用来回答。关闭 7 年前。
html - 使用 html 打印 ""
如何打印“html”标签，包括“”？如何在不使用文本区域和 Javascript 的情况下对任何标签执行此操作？最佳答案使用HTML character references : <html
html - 如何将 html.slim 文件转换为 html 或 html.erb？
我需要将 Ruby on Rails 应用程序中的 html.slim 文件转换为 html.erb。有什么简单的方法吗？我尝试了 Stack Overflow 和其他网站中列出的许多选项。但对我没有
html - 没有标签可以创建 HTML 文档吗？
这个问题在这里已经有了答案: Is it necessary to write HEAD, BODY and HTML tags? (6 个答案) 关闭 8 年前。我在 gitHub 上找到了这个
html - 什么是加载外部资源的 HTML 元素列表？ (HTML 电子邮件)
如果不允许通过 JavaScript 进行额外的 DOM 操作，我正在寻找可以加载外部资源的元素列表。我正在尝试使用 HTML 查看器托管来自第三方的电子邮件，当发生这种情况时，我需要删除任何自动加载

行者123

个人简介

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

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

html - 奇怪的WebRTC SinkID问题