Новый SDK Web NG (используется с Vue. js) - PullRequest
Новая
       99

Новый SDK Web NG (используется с Vue. js)

0 голосов
/ 30 мая 2020

Я заметил новый веб-SDK для Интернета (NG). Выглядит хорошо. Я хочу использовать его с приложением Vue.

Для отображения видеопотока функции требуется идентификатор контейнера Div. например,

this.localVideoTrack.play ("local-video")

Vue не работает таким образом (т.е. манипулировать напрямую с помощью элементов dom, знает ли кто-нибудь, как я могу обновить Vue компонент для отображения видеопотока?

1 Ответ

0 голосов
/ 02 июня 2020

Использование метода .play() и передача id div, который вы используете sh, действительно работает в Vue, вы можете проверить это Agora Vue Demo App , проверьте строку 337 ​​в AgoraVideoCall. vue 

$.streamList.map((item, index) => {
  let id = item.getId();
  let dom = document.querySelector("#ag-item-" + id);
  if (!dom) {
    dom = document.createElement("section");
    dom.setAttribute("id", "ag-item-" + id);
    dom.setAttribute("class", "ag-item");
    canvas.appendChild(dom);
    item.play("ag-item-" + id);
  }
  if (index === no - 1) {
    dom.setAttribute("style", `grid-area: span 12/span 24/13/25`);
  } else {
    dom.setAttribute(
      "style",
      `grid-area: span 3/span 4/${4 + 3 * index}/25;
    z-index:1;width:calc(100% - 20px);height:calc(100% - 20px)`
    );
  }
  item.player.resize && item.player.resize();
});
...