0

0

如何为网站文章添加“阅读时间估算”功能,mtownsend/read-time助你轻松提升用户体验

DDD

DDD

发布时间:2025-11-26 16:05:00

|

771人浏览过

|

来源于php中文网

原创

如何为网站文章添加“阅读时间估算”功能,mtownsend/read-time助你轻松提升用户体验

可以通过一下地址学习composer学习地址

1. 困扰:文章阅读时间估算,一个看似简单却不简单的需求

想象一下,你正在浏览一个博客网站,看到一篇标题很吸引人的文章。你点进去,却发现内容很长,密密麻麻的文字让你有点望而却步。这时,如果文章开头能有一个“预计阅读时间:5分钟”的提示,是不是会让你更有信心决定是否继续阅读?

在当今信息爆炸的时代,用户的注意力是宝贵的。像 Medium 这样的平台,早已将“阅读时间估算”作为标配功能,它能帮助用户快速评估内容价值和所需投入的时间,从而做出更明智的阅读决策,极大地提升了用户体验和内容互动率。

作为开发者,我们也希望为自己的网站或应用添加这样的功能。然而,要从零开始实现它,却并非易事:

  • 内容解析: 如何准确地从HTML内容中提取纯文本并计算词数?需要处理各种标签、特殊字符。
  • 阅读速度: 如何确定一个合理的平均阅读速度(WPM,Words Per Minute)?这可能因语言和用户习惯而异。
  • 时间计算与格式化: 如何将总词数转换为分钟和秒,并以友好的方式展示(例如“5分钟阅读”、“约3分钟”或“3 min read”)?
  • 国际化支持: 如果网站支持多语言,如何为“分钟”、“秒”、“阅读”等词提供不同的翻译?
  • 框架集成: 如何将这套逻辑优雅地集成到 Laravel、Lumen 或其他 PHP 框架中,避免代码冗余和耦合?

面对这些挑战,我们不禁会想:有没有一个现成的、可靠的工具能帮我们一劳永逸地解决这个问题呢?

2. 解决方案:Composer 与 mtownsend/read-time 的完美结合

答案是肯定的!得益于 PHP 生态中强大的 Composer 包管理工具,我们可以轻而易举地引入 mtownsend/read-time 这个优秀的库,它正是为解决上述问题而生。

mtownsend/read-time 是一个简洁而强大的 PHP 包,它能够根据您提供的内容,自动计算出预估的阅读时间,并提供灵活的展示选项。它不仅支持纯文本内容,还能智能处理包含HTML标签的字符串,确保计算的准确性。

2.1 安装:轻而易举,一步到位

使用 Composer 安装 mtownsend/read-time 极其简单,只需在您的项目根目录执行以下命令:

composer require mtownsend/read-time

如果您使用 Laravel 或 Lumen 框架,该包还提供了额外的便捷支持,例如服务提供者自动注册和配置发布,让集成变得更加无缝。

2.2 快速上手:几行代码,立竿见影

安装完成后,您就可以立即使用它了。最基本的用法如下:

千面数字人
千面数字人

千面 Avatar 系列:音频转换让静图随声动起来,动作模仿让动漫复刻真人动作,操作简单,满足多元创意需求。

下载
use Mtownsend\ReadTime\ReadTime;

$content = "

文章标题

这是文章的第一段,内容很长,包含了很多文字。用户阅读这篇文章需要一定的时间。 这个库会自动处理HTML标签,只计算纯文本的词数。

第二段内容,继续填充。通过这个简单的包,我们可以轻松地为网站添加一个非常实用的功能, 提升用户体验。这比我们自己手动去实现要方便快捷得多。

"; // 创建 ReadTime 实例并获取阅读时间 $readTime = (new ReadTime($content))->get(); echo $readTime; // 示例输出:3 minute read (根据实际内容和WPM值会有所不同)

是不是非常简单?您甚至可以传入一个包含多段内容的数组,mtownsend/read-time 会将它们合并起来计算总的阅读时间,这在处理主文章和侧边栏内容时非常有用:

use Mtownsend\ReadTime\ReadTime;

$mainContent = "主文章内容...";
$sidebarContent = "侧边栏补充内容...";

$totalReadTime = (new ReadTime([$mainContent, $sidebarContent]))->get();
echo $totalReadTime;

2.3 深度定制:满足你的个性化需求

mtownsend/read-time 不仅易用,而且高度可定制。您可以根据自己的需求调整各种参数:

  • 省略秒数 (omitSeconds): 通常我们只关心分钟数,秒数可以省略。
  • 缩写 (abbreviated): 将 "minute" 缩写为 "min","second" 缩写为 "sec"。
  • 自定义阅读速度 (wpm): 调整平均每分钟阅读的词数,以适应不同语言或目标用户群。
  • 仅显示时间 (timeOnly): 只显示数字和单位,不包含“read”等额外文字。
  • 国际化 (setTranslation): 手动设置或发布 Laravel 的语言文件,以支持多语言显示。
use Mtownsend\ReadTime\ReadTime;

$content = "你的文章内容...";

$customReadTime = (new ReadTime($content))
                    ->omitSeconds() // 不显示秒数
                    ->abbreviated() // 使用缩写,如 "min"
                    ->wpm(250) // 设置每分钟250个词
                    ->get();

echo $customReadTime; // 示例输出:3 min read

如果您是 Laravel 用户,更可以直接使用其提供的全局辅助函数 read_time(),语法更加简洁:

{{ $article->title }}

预计阅读:{{ read_time($article->content) }}

甚至可以通过传递关联数组来定制辅助函数:


    {{ read_time([
        'content' => $article->content,
        'omit_seconds' => true,
        'abbreviated' => true,
        'words_per_minute' => 250,
        'translation' => [
            'minute' => '分钟',
            'read' => '阅读'
        ]
    ]) }}

3. 优势总结与实际应用效果

mtownsend/read-time 包的引入,为我们的项目带来了多重优势:

  • 提升用户体验 (UX): 提供直观的阅读时间估算,帮助用户管理时间,增强阅读意愿。
  • 开发效率倍增: 无需手动处理复杂的文本解析、词数统计和时间格式化逻辑,大大节省了开发时间。
  • 高度可配置性: 灵活调整阅读速度、显示格式和语言,满足多样化的项目需求。
  • 框架友好: 对 Laravel 和 Lumen 的深度支持,使得集成过程异常顺畅。
  • 代码整洁度: 将阅读时间估算逻辑封装在一个独立的包中,使您的项目代码更加模块化、易于维护。
  • 专业度提升: 网站或应用看起来更加专业和现代化,与流行的内容平台保持同步。

无论是博客、新闻网站、在线文档还是任何包含大量文本内容的平台,mtownsend/read-time 都能为您提供一个优雅、高效的解决方案。它将一个看似微小却能显著提升用户体验的功能,以最简单的方式带到您的指尖。

结语

在 PHP 开发中,借助 Composer 这样的工具,我们可以轻松利用社区的智慧,解决各种复杂问题。mtownsend/read-time 就是一个很好的例子,它将一个用户体验的痛点转化为一个简单的API调用。下次当您需要为文章内容添加阅读时间估算时,不妨试试这个包,它一定会让您事半功倍!

相关专题

更多
php文件怎么打开
php文件怎么打开

打开php文件步骤:1、选择文本编辑器;2、在选择的文本编辑器中,创建一个新的文件,并将其保存为.php文件;3、在创建的PHP文件中,编写PHP代码;4、要在本地计算机上运行PHP文件,需要设置一个服务器环境;5、安装服务器环境后,需要将PHP文件放入服务器目录中;6、一旦将PHP文件放入服务器目录中,就可以通过浏览器来运行它。

2747

2023.09.01

php怎么取出数组的前几个元素
php怎么取出数组的前几个元素

取出php数组的前几个元素的方法有使用array_slice()函数、使用array_splice()函数、使用循环遍历、使用array_slice()函数和array_values()函数等。本专题为大家提供php数组相关的文章、下载、课程内容,供大家免费下载体验。

1676

2023.10.11

php反序列化失败怎么办
php反序列化失败怎么办

php反序列化失败的解决办法检查序列化数据。检查类定义、检查错误日志、更新PHP版本和应用安全措施等。本专题为大家提供php反序列化相关的文章、下载、课程内容,供大家免费下载体验。

1536

2023.10.11

php怎么连接mssql数据库
php怎么连接mssql数据库

连接方法:1、通过mssql_系列函数;2、通过sqlsrv_系列函数;3、通过odbc方式连接;4、通过PDO方式;5、通过COM方式连接。想了解php怎么连接mssql数据库的详细内容,可以访问下面的文章。

995

2023.10.23

php连接mssql数据库的方法
php连接mssql数据库的方法

php连接mssql数据库的方法有使用PHP的MSSQL扩展、使用PDO等。想了解更多php连接mssql数据库相关内容,可以阅读本专题下面的文章。

1464

2023.10.23

html怎么上传
html怎么上传

html通过使用HTML表单、JavaScript和PHP上传。更多关于html的问题详细请看本专题下面的文章。php中文网欢迎大家前来学习。

1235

2023.11.03

PHP出现乱码怎么解决
PHP出现乱码怎么解决

PHP出现乱码可以通过修改PHP文件头部的字符编码设置、检查PHP文件的编码格式、检查数据库连接设置和检查HTML页面的字符编码设置来解决。更多关于php乱码的问题详情请看本专题下面的文章。php中文网欢迎大家前来学习。

1549

2023.11.09

php文件怎么在手机上打开
php文件怎么在手机上打开

php文件在手机上打开需要在手机上搭建一个能够运行php的服务器环境,并将php文件上传到服务器上。再在手机上的浏览器中输入服务器的IP地址或域名,加上php文件的路径,即可打开php文件并查看其内容。更多关于php相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

1307

2023.11.13

html编辑相关教程合集
html编辑相关教程合集

本专题整合了html编辑相关教程合集,阅读专题下面的文章了解更多详细内容。

16

2026.01.21

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
第二十四期_PHP8编程
第二十四期_PHP8编程

共86课时 | 3.4万人学习

成为PHP架构师-自制PHP框架
成为PHP架构师-自制PHP框架

共28课时 | 2.4万人学习

第二十三期_PHP编程
第二十三期_PHP编程

共93课时 | 6.9万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号