本篇文章给大家谈谈nba数据网打不开,以及nba数据网站 英文的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
上腾讯视频看NBA,或许会成为中国篮球迷的一句新招呼语。
2020-21赛季是NBA在中国大陆地区新的起点,腾讯作为NBA中国数字媒体独家官方合作伙伴,将携手NBA官方进行赛事转播。在比赛的直播中,不少观众会发现,过往放在直播画面右上角的“腾讯体育独播”logo消失了,取而代之的是“腾讯视频NBA”。
“新人”入局,瞄准年轻用户
在会员权益设置方面,腾讯视频在NBA会员和NBA超级会员之间做了精细区分。从新赛季开始,腾讯视频的NBA会员每月会有8张观赛券,除了免费场次外的尊享特权外,还可用8张观赛券在会员有效期内随意挑选8场自己想看的NBA付费比赛,随心观看喜欢的球队比赛,不用纠结球队选择。NBA超级会员可观看全部球队所有比赛的直播。
腾讯视频在新赛季开始阶段推出NBA会员优惠活动,NBA会员年卡限时低至5.5折,腾讯视频VIP用户可以享折上折,邀请好友助力免费瓜分百万观赛券等。12月21日-1月6日活动期间开通连续包月用户或年卡用户额外还可再加赠两张观赛券,每月10张观赛券,可以在观赛券有效期内选择观看任意付费比赛。此外,直播间未来还将为NBA会员提供明星解说、主题活动、精品自制内容等专享权限。
从腾讯视频设置的优惠活动和细分权限来看,他们希望推动平台现有会员向NBA会员转化,并且鼓励他们邀请身边的人也成为NBA会员,为接下来的赛事直播拉新和造势。根据腾讯公布的2020年第三季度财报,腾讯视频的付费用户规模达1.2亿,同比增长了20%。NBA的赛事直播和内容转移到用户基数更大的平台上,无疑能获得更多的曝光。
与此同时,腾讯视频引入NBA赛事直播,对于平台的内容体系来说是一个很好的补充。腾讯视频发布的2020年年度指数报告指出,不管是工作日,还是休息日,追剧峰值主要集中在中午12点以后,用户在早上时段的活跃度较低。而NBA的赛事直播时间恰恰是早上时段,所以理想状态下,腾讯视频可以通过NBA赛事直播激活早上时段的平台活跃度,填补这段“空窗期”,甚至确保平台在全天的活跃度保持一个较高的峰值。
更重要的是,腾讯视频希望通过与NBA合作开发更多的年轻用户。2019年5月,美国数据分析公司安培分析(Ampere Analysis)发布了一个针对体育粉丝的调查报告。报告显示,NBA是目前中国最受欢迎的体育联赛,而且65%的中国体育迷平均年龄在44岁以下。
因此,腾讯视频通过引入NBA这类优质赛事内容,可以吸引更多年轻用户进驻,并且提升平台的用户黏性。另一方面,腾讯视频的年轻用户群体所处的圈层更为丰富,NBA入驻腾讯视频也有助于其打入更多不同圈层,腾讯视频也为NBA用户准备了球员数据、赛事数据等专业观赛辅助,尽力一站式满足用户需求。因此,双方此次合作称得上是相辅相成。
直播有新招,用户体验和体娱结合并重
对于用户而言,相比新平台入局赛事直播后的一系列新玩法,他们更关心的是直播入口难找吗?直播画质和流畅度会降低吗?
用户有这样的顾虑很正常,毕竟与体育垂类视频平台相比,腾讯视频这类综合性较强的在线视频平台在推荐位资源的分配上更为紧张,而且体育页面的优先层级也低于新闻、剧集等类别。针对新加入的NBA赛事直播,腾讯视频在不干扰平台现有用户的基础上,做了人性化的调整,确保全部NBA兴趣用户在腾讯视频的平台上都能轻松找到赛事直播入口。
在PC端,用户搜索“NBA”,第一个搜索结果就是当天的直播赛程表,用户可以挑选喜欢的赛事观看。而在移动端,虽然“NBA”在导航栏中的层级较低,但用户有权将NBA页面挪到导航栏中靠前的位置,无需过多滑屏就能快速进入赛事直播页面。
至于直播画质和流畅度,腾讯视频通过演播室全光纤节点的铺设,打造了更流畅的直播画面。而且在过去的NBA直播周期中,腾讯体育和腾讯视频两个平台已经摸索出一套合作方式,配合也比较默契,赛事直播之外,《超新星运动会》也是双方的合作产品。另一方面,赛事直播流程能实现标准化生产,在专业度、制播能力和包装能力上不会有太大区别,能够保证直播的质量。
在一如既往地提供优质的直播画质和流畅度之余,腾讯视频在赛事直播中会继续通过战术分析等进阶工具提升直播的专业度,并且持续加入新元素。
随着未来赛事的进行,腾讯视频计划引入明星观赛团,为用户提供明星、KOL等多路流解说,供用户自由选择。让明星们参与直播同样是一种引流方式,借助明星的人气和粉丝群体为其NBA直播营造更大声量,吸引更多人观赛。而且腾讯视频拥有体育类综艺资源,可以与NBA直播这类体育资源相结合,衍生出IP联动等更多体娱结合的新玩法,达到“1+1>2”的效果。
通过明星观赛团的打造,腾讯视频希望为NBA的赛事直播做加法,也体现了平台综合性、娱乐性强的特点。但对于NBA用户来说,球星的吸引力会比明星强,腾讯视频也会强调塑造球星,强化球星与用户的连接,并且增加“道具发电”模式,提升用户看直播的互动性和参与感,一圆他们的追星梦。
内容+明星,挖掘赛事IP变现新模式
值得一提的是,安培分析针对体育粉丝的调查报告也发现,33%的中国球迷愿意为观看NBA而付费。面对这样一个庞大且有付费意愿的用户群体,做好直播服务只是腾讯视频运营NBA版权计划中的一部分。
除了比赛直播之外,腾讯视频还将打造由直播话题节目、直播互动节目和二创节目组成的内容矩阵。另一方面,主持人、嘉宾及女主播也会在腾讯视频建立个人创造者号,通过短视频、个人直播等形式与用户互动。
在“比赛直播+衍生内容”这种模式下,腾讯视频能满足用户在内容消费上更多元化的需求,并且构建一个NBA用户的专属社区。在这个社区里,用户可以观看比赛直播、衍生节目,并且做进一步交流,甚至自发地生产文章、视频等内容,形成一个闭环。此外,腾讯视频与NBA还会在游戏、社交媒体、篮球发展和线下活动等方面展开合作,配合其构建的NBA用户专属社区,腾讯视频也许能从中挖掘出新的商业增长点。
过去几年,腾讯对于NBA版权的运营已经相当成熟,赛事IP本身所具备的变现潜力已经基本完全激发,但新周期下版权成本压力仍有所增加,他们肯定要寻找新的业务增长点。面对这种现状,腾讯视频决定将赛事IP开发的边界拓展至游戏、社交媒体等方面,开拓更多业务和营收增长点。这种决策也为体育版权玩家们提了一个醒,随着版权成本压力渐增,尽早研究、挖掘赛事IP新的变现模式是减负的好办法。
围绕赛事IP去开发更多变现方式是大势所趋,而体娱结合也是近年来兴起的一个大趋势。以腾讯视频旗下的体育向综艺为例,《超新星全运会》通过娱乐明星与竞技体育的结合,确实为体育带来了不少关注。具体到NBA版权的运营上,不少明星都有自己喜欢的NBA球队和球星,腾讯视频也可以让这些明星参与NBA赛事直播,开发出体娱结合的新模式。
随着NBA直播的入驻,腾讯视频将集剧集、综艺等泛娱乐IP和NBA这类体育赛事IP于一身,爱看综艺、剧集的用户群体和喜欢体育赛事的用户群体都将汇聚到同一平台上。这是体育内容、用户和娱乐内容、用户的一次碰撞融合,如果能有效地整合这么多资源、IP和用户群体,这将成为腾讯视频探索体娱结合新模式、提升平台内容丰富度和影响力的一大契机,也能为其他平台构建体娱结合生态提供参考案例。
其实不管是推行“比赛直播+衍生内容”的内容生产模式,还是体娱结合模式的探索,都反映了在引入NBA这类体育赛事IP后,腾讯视频既能丰富其IP资源,又能在内容生产和平台发展方面获得更多发挥空间。因此,未来腾讯视频可以围绕NBA和其他IP资源,做一些联动策划,为用户提供更多样的内容享受,对于进一步挖掘平台商业潜力有重要意义。
常规赛已经打响,或许在某些直播场次中,我们就能看到球迷和明星粉丝这两大类属性差异明显的群体齐聚同一个直播间,为自己喜欢的明星和球星刷道具助威,这样的场景会十分有趣。
延展阅读:
从零开始实现一个NBA赛事直播新闻小程序切含后台接口的编写,接口来源是分析体育H5端的接口,使用php对接口进行抓取整理,切对接口进行了签名校验,已经实现,但没有用上小程序之中通过,接口整理一开始使用的是ThinkPHP5对接口统一整理的、后面使用PhalAPi对接口文档进行了再次的整理,整理的接口有以下,通过以下接口数据完成一个简单的大气的NBA小程序的开发
写在前面的一段话
关于NBA、基于深刻的莫过于高中时代的,买篮球先锋报、用手机2G网络和同学凑在一起看文字直播、还生怕班主任老师发现,
印象中第一次了解NBA是在2006年的英语书上,有一页上面是所有球队的logo以及名字、那时开始慢慢的了解篮球、了解到了休斯顿火箭队大姚、
从此对火箭队情有独钟、时至今日依然对那支22连胜的火箭有太多感情、时至今日绿军三巨头、邓肯、蜗壳都已经退役了,oh~oh~oh好像有点跑题了,还是回到主题、记录花了几天时间写的这个小程序
话不多少先上源码地址
小程序GitHub地址:
https://github.com/ecitlm/wx-nba
后端接口API地址:可先参照
https://ecitlm.github.io/TP5_Splider/#/?id=tp5_splider
项目下面的 controller 下的Nba.php类
部分界面效果体验
关于接口API
接口来源是分析腾*体育H5端 的接口,使用php对接口进行抓取整理、切对接口进行了签名校验,已经实现,但没有用上小程序之中通过,接口整理一开始使用的是
ThinkPHP5
对接口统一整理的、后面使用PhalAPi
对接口文档进行了再次的整理,整理的接口有以下、通过以下接口数据完成一个简单的大气的NBA小程序的开发、目前小程序正处于上架申请中。
每日赛事直播列表接口
球赛直播实时详情接口
实时数据统计接口
球队进本信息接口
球队球员阵容名单接口
球员基本信息赛季数据接口
30只球队排名数据接口
篮球快讯新闻列表接口
新闻详情接口
新闻评论数据接口
在线接口系统地址
https://wxapp.it919.cn/wx/listAllApis.php
小程序界面
界面整体有十几个、包含以上接口对应的UI界面、以下界面属于应用的截图界面
项目目录结构
项目目录结构如下
网络请求的封装
网络请求使用小程序的 wx.request
+ promise
+bluebird
对接口请求方法进行封装,一些列出的代码属于项目的核心代码
utils
目录下的fetch.js
文件所对应的方法
123456789101112842526272829 | const Promise = require("./bluebird"); //为了兼容问题/** * 网络请求API接口 * @param {String} api api 根地址 * @param {String} path 请求路径 * @param {Objece} params 参数 */module.exports = function(api, path, params) {wx.showLoading({title: "加载中"});console.log(`${api}/${path}`);console.log(params);return new Promise((resolve, reject) => {wx.request({url: `${api}/${path}`,data: Object.assign({}, params), //如果这里需要合并签名时间戳参数时候可以这么写header: { "Content-Type": "json" },success: function(res) {resolve(res);wx.hideLoading();},fail: function(err) {wx.hideLoading();reject(err);}});});}; |
所有接口的请求放在api.js
之中
123456789101112842526272829303373839404474849505575859606162636465666768697077778798081 | const fetch = require("./fetch");const API_DOMAIN = "https://api.xxx.cn/api";/** * @param {String} 接口地址 * @param {Objece} params 接口参数参数 */function fetchApi(api, params) {return fetch(API_DOMAIN, api, params);}//NBA比赛直播function nab_schedule(params) {return fetchApi("Nba/schedule", params).then(res => res.data);}//直播室信息function live_detail(params) {return fetchApi("Nba/live_detail", params).then(res => res.data);}//直播内容function live_content(params) {return fetchApi("Nba/live_content", params).then(res => res.data);}//球员技术统计function technical_statistics(params) {return fetchApi("Nba/technical_statistics", params).then(res => res.data);}//球员详情function player_detail(params) {return fetchApi("Nba/player_detail", params).then(res => res.data);}//联盟排名function team_rank(params) {return fetchApi("Nba/team_rank", params).then(res => res.data);}//球队信息function team_info(params) {return fetchApi("Nba/team_info", params).then(res => res.data);}//球队阵容function Lineup(params) {return fetchApi("Nba/Lineup", params).then(res => res.data);}//新闻详情function news_info(params) {return fetchApi("Nba/news_info", params).then(res => res.data);}//NBA 新闻快讯function news_list(params) {return fetchApi("Nba/new_list", params).then(res => res.data);}//NBA新闻评论function news_comments(params) {return fetchApi("Nba/news_comments", params).then(res => res.data);}//关于我function website(params) {return fetchApi("Nba/website", params).then(res => res.data);}module.exports = {nab_schedule,live_detail,live_content,technical_statistics,player_detail,team_rank,team_info,Lineup,news_info,news_comments,news_list,website}; |
数据渲染问题
在对请求到的接口数据渲染的过程之中并没有遇到什么大的问题,页面布局上的事情也就没什么可讲的了,比较麻烦的事情是需要对接口返回的每个字段进行分析所对应的显示问题,这个再记录一下赛事直播界面的数据、新闻详情的数据渲染解析HTML的问题。
页面布局
小程序页面布局使用的单位是rpx
,对应设计稿750px
是最舒服的、rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。
设备 | rpx换算px (屏幕宽度/750 | px换算rpx (750/屏幕宽度) |
---|---|---|
iPhone5 | 1rpx = 0.42px | 1px = 2.34rpx |
iPhone6 | 1rpx = 0.5px | 1px = 2rpx |
数据绑定渲染wxml页面
12345678910111284252627282930337 | var app = getApp();Page({data: {list: [],footer: 0 //footer 底部导航栏切换高亮所要用到的值},onLoad: function() {this.nab_schedule("") //初始化数据},//ajax 列表请求nab_schedule: function(param) {var that = this;var params = {date: param};app.api.nab_schedule(params).then(res => {that.setData({list: res.data.data});}).catch(e => {console.error(e)});},//选择日期变化请求数据selectDate: function(e) {this.nab_schedule(e.target.dataset.time);},// 点击日期组件确定事件 bindDateChange: function(e) {this.nab_schedule(e.detail.value);}}) |
新闻详情页面渲染使用到了wxParse
,能搞方便的解决渲染HTML
转wxml
的问题
模板页面用import
导入、渲染HTML
12345 |
在接口请求成功时候对res.body
进行一个操作处理,使用起来也比较简单
123456789101112842526 | onLoad: function (e) {var data = {docid: e.docid || "D230QPOC0005877U"}var that = this;app.api.news_info(data).then(res => {console.log(res);that.setData({item: res.data});that.news_comments(data);if(res.data && res.data.img.length!=0){var replaceStr = "";res.data.body = res.data.body.replace("", replaceStr);}WxParse.wxParse('article', 'html', res.data.body, that, 5);}).catch(e => {console.error(e)var article = "文章已经删除";WxParse.wxParse('article', 'html', article, that, 5);});} |
图片大图预览功能实现
演示:
小程序内置的图片查看放大组件wx.previewImage
,使用该方法可以实现图片放大预览效果功能
1234 | wx.previewImage({current: url, // 当前显示图片的http链接urls: [url] // 需要预览的图片http链接列表}) |
小程序一直处于不温不火中、在笔者这这篇归档时、小程序已经开通内嵌网页功能、整体来说小程序还是很容易上手的、重要得多是多看文档,查找相关资料、仅以此文章记录开发体验、小应用还会持续更新、有感兴趣的小伙伴欢迎交流、源代码托管在
GitHub
原文地址
https://code.it919.cn/2017/11/wx-nba-application/