Question

我有一个客户项目，它将使用YouTube评论流作为一种“聊天”。我正在使用Zend Framework使用GData API对YouTube进行身份验证调用。我正在寻找一种方法来运行脚本，该脚本将使用刷新按钮来提取注释流，以便用户不必刷新页面以查看他们的注释或显示的任何新注释。我相信这可以通过JQuery实现，但经过一段时间的搜索后，我还没有真正找到一个很好的解释。以下是我的代码的一些简短信息，让您了解我在看什么：

$yt = new Zend_Gdata_YouTube($httpClient, $applicationId, $clientId, $developerKey);
$_SESSION['yt'] = serialize($yt);

/***************** Adds a comment if applicable *****************/

if(isset($_POST['btn_submit']))
{
$videoEntry = $yt->getVideoEntry('QQoFLrZ5C3M');

$newComment = $yt->newCommentEntry();
$newComment->content = $yt->newContent()->setText($_POST['comment']);

// post the comment to the comments feed URL for the video
$commentFeedPostUrl = $videoEntry->getVideoCommentFeedUrl();
$updatedVideoEntry = $yt->insertEntry($newComment, $commentFeedPostUrl,
'Zend_Gdata_YouTube_CommentEntry');
}

                        /****************************************************************/


<div id="coments">

$commentFeed = $yt->getVideoCommentFeed('QQoFLrZ5C3M');

echo '<div id="refresh"><a href="#" style="margin-right: 15px; border: 0;"><img src="../common/img/refresh.png" alt="refresh" border="0" /></a></div>';

foreach ($commentFeed as $commentEntry) {
echo '<div class="comment">';
echo  '<a href="http://youtube.com/user/' . utf8_decode(utf8_encode($commentEntry->author[0]->name->text)) . '" target="_blank" class="youtube_user">' . utf8_decode(utf8_encode($commentEntry->author[0]->name->text)) . '</a><br />';

echo  '<span style="font-size: 14px;">' . utf8_decode(utf8_encode($commentEntry->content->text)) . '</span><br />';

// Format time
$timeAgoObject = new convertToAgo;
$ts = strtotime($commentEntry->updated->text);
$timestamp = ($timeAgoObject -> makeAgo($ts)); // Then convert to ago time

echo  '<div class="yt_timestamp">' . $timestamp  . '</div>';
echo '</div>';
}
?>
</div>

请注意，youtube类并不总是新的（因此序列化为会话变量）我只是删除了if语句以便于阅读。

Answer 1

这是基本想法：

将评论表格提交给用户
使用jQuery挂钩表单的提交事件。（docs）
通过AJAX将表单提交到后端脚本。（docs）
照常将记录插入数据库。
回复HTML以获取新评论。
请求完成后，jQuery将返回您回显的任何HTML。剩下的就是在评论列表中添加/添加新HTML。（docs）

Answer 2

我创建了一个让你使用的例子。它使用了Youtube JSON API，在这里有一些详细说明：http://code.google.com/apis/youtube/2.0/reference.html#Comments_Feeds

Insead of XML我正在使用JSON。

要使用JSON获取视频的“数据”，请使用http://gdata.youtube.com/feeds/api/videos/YOURVIDEOID/comments

实施例： http://jsfiddle.net/A32H2/2/

//"The Dark Knight Rises trailer, sweded" comments
//http://www.youtube.com/watch?v=KrmEyPkgDf8

    <div id="comments"></div>

    $.ajax({
        url: "http://gdata.youtube.com/feeds/api/videos/KrmEyPkgDf8/comments?v=2&alt=json&max-results=50",  
        //gets the max first 50 results.  To get the 'next' 50, use &start-index=50
        dataType: "jsonp",
        success: function(data){
            $.each(data.feed.entry, function(key, val) {

                comment = $("<div class='comment'></div>");

                author = $("<a target='_blank' class='youtube_user'></a>");
                author.attr("href", "http://youtube.com/user/" + val.author[0].name.$t);
                author.html(val.author[0].name.$t);

                content = $("<div style='font-size: 14px;' class='content'></div>");
                content.html(val.content.$t);

                comment.append(author).append(content);
                $('#comments').append(comment);
            });
        }
    });

另外，我建议您将问题的标题更改为更具描述性的内容，例如“使用jQuery获取Youtube评论”

用jQuery获取Youtube评论

2 个答案: