javascript — openTok — публикация одной сессии и подписка на другую

Question

javascript — openTok — публикация одной сессии и подписка на другую

JS и PHP

каждый пользователь публикует — и может подписаться на разные потоки пользователей
это односторонняя подписка — подписчик видит издателя, а не других участников группы.
Издатель не видит тех, кто подписался на него.

моя логика:
1. все публикуют — session.on — не называется
2. при подписке — я меняю sessionId и токен — на канал, на который подписался пользователь
(могу ли я сделать это?)
эта часть, кажется, не работает —
я получил:
«сессия не определена»

Могу ли я изменить sessionId и токен на полпути, как я сделал?

(каждый пользователь получает свой токен для каждой сессии через PHP SDK)

1

javascript opentok php webrtc

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

На самом деле нет необходимости проводить более одного сеанса. Проблема может быть сведена к тому факту, что каждый клиент должен публиковать поток, и каждый клиент должен иметь возможность выбирать и подписываться на любой поток от других клиентов. Логически, сессия уже похожа на группу потоков, поэтому нет необходимости создавать более одного.

У меня есть пример решения для вас. В этом решении PHP SDK просто необходимо создать один токен для каждого клиента в сеансе, и на стороне сервера нет специальной логики. Пока я жестко запрограммировал один токен в скрипте, и он будет работать нормально, просто откройте одну и ту же страницу в нескольких окнах / вкладках. Каждый поток может быть выбран с использованием его streamId, В вашем приложении вы можете добавить уникальные данные токена для каждого клиента, используя PHP SDK, а затем прочитать эти данные токена, используя stream.connection.data свойство, чтобы представить более удобный идентификатор каждого потока (я отметил, где это будет идти в коде с TODO комментарий).

Пример:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<script src='//static.opentok.com/webrtc/v2.2/js/opentok.min.js'></script>
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
</head>
<body>

<!-- Publisher placeholder -->
<div id="publisher"></div>

<!-- Stream selector interface -->
<div id="streams"></div>

<!-- Subscriber (only one) -->
<div id="subscriber"></div>

<script>
// This data is generated by the server
var sessionId = '2_MX44NTQ1MTF-fjE0MTU4ODc5NTE4ODV-SEN3dXBPYkFTbkFkZ3cwN3BDckJ1VDJNfn4',
apiKey = '854511',
token = 'T1==cGFydG5lcl9pZD04NTQ1MTEmc2lnPWE1YzBiOTA0ODcyZDQxNjRjNTc4YTI4MGUwZjI4ODNiYjU4N2Q3YmM6cm9sZT1wdWJsaXNoZXImc2Vzc2lvbl9pZD0yX01YNDROVFExTVRGLWZqRTBNVFU0T0RjNU5URTRPRFYtU0VOM2RYQlBZa0ZUYmtGa1ozY3dOM0JEY2tKMVZESk5mbjQmY3JlYXRlX3RpbWU9MTQxNTg4ODY4MSZub25jZT0wLjMwMTMwMjMxMzY2ODA4NzkmZXhwaXJlX3RpbWU9MTQxODQ3OTk0MA==';
</script>
<script>
var session = OT.initSession(apiKey, sessionId),
puslisher = OT.initPublisher('publisher'),
streams = {},
subscriber;

session.on({
'sessionConnected': function(event) {
// each client publishes
session.publish(publisher);
},
'streamCreated': function(event) {
// create a button to select the stream
// TODO: use connection data from token for a friendlier description of the stream
$('<button class="stream stream-'+event.stream.streamId+'">Stream'+event.stream.streamId+'</button>').appendTo('#streams');

// store the stream object for later use
streams[event.stream.streamId] = event.stream;
},
'streamDestroyed': function(event) {
// remove the button for the stream that was destroyed
$('#streams .stream-'+event.stream.streamId).remove();

// remove the stream object from the storage
delete streams[event.stream.streamId];
}
});

var streamSelected = function(event) {
// subscribe to the selected stream
var streamId = extractStreamId(event.target);
if (subscriber) {
session.unsubscribe(subscriber);
}
subscriber = session.subscribe(streams[streamId], 'subscriber');
subscriber.on('destroyed', function() { subscriber = false; });

// disable the button and enable all others
$('#streams button').prop('disabled', false);
$(event.target).prop('disabled', true);
};

var extractStreamId = function (element) {
var classes = element.className.split(' '),
streamId;
classes.forEach(function(classStr) {
if (classStr.indexOf('stream-') === 0) {
streamId = classStr.slice(7);
}
});
return streamId;
};

$(document).ready(function() {
$('#streams').on('click', '.stream', streamSelected);
session.connect(token);
});

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

Живая страница для этого примера доступна на JSBin: http://jsbin.com/duxowa/10/edit

Замечания: Срок действия токена может истечь, если вы просматриваете его намного позже, чем мой пост. Используй свой собственный apiKey, sessionId, а также token из Dashboard или с помощью Server SDK, если это так.

2